.skeleton-line {
  display: inline-block;
  border-radius: 9999px;
  background: linear-gradient(90deg, rgba(226,232,240,0.8) 0%, rgba(203,213,225,0.8) 50%, rgba(226,232,240,0.8) 100%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.4s ease-in-out infinite;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.fade-slide-in {
  animation: fade-slide 0.6s ease-out;
}

@keyframes fade-slide {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}