/* Кастомные анимации для lifecrosssection
   Tailwind отвечает за основную стилизацию,
   здесь только эффекты движения и появления. */

@keyframes lc-fade-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes lc-rise-soft {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes lc-pulse-border {
  0% {
    box-shadow: 0 0 0 0 rgba(129, 140, 248, 0.55);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(129, 140, 248, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(129, 140, 248, 0);
  }
}

@keyframes lc-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.lc-animate-fade {
  animation: lc-fade-in 0.7s ease-out both;
}

.lc-animate-rise {
  animation: lc-rise-soft 0.8s ease-out both;
}

.lc-animate-delay-1 {
  animation-delay: 0.12s;
}

.lc-animate-delay-2 {
  animation-delay: 0.24s;
}

.lc-animate-delay-3 {
  animation-delay: 0.36s;
}

.lc-pulse-border {
  animation: lc-pulse-border 1.8s ease-out infinite;
}

.lc-shimmer-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(148, 163, 184, 0.25) 40%,
    transparent 80%
  );
  transform: translateX(-100%);
  animation: lc-shimmer 2.4s infinite;
}