/* Animation classes */
    .animate-fade-in {
      animation: fadeIn 0.8s ease-out forwards;
    }

.animate-slide-up {
      animation: slideUp 0.8s ease-out forwards;
    }

.animate-blur-in {
      animation: blurIn 1s ease-out forwards;
    }

.animate-slide-left {
      animation: slideLeft 0.8s ease-out forwards;
    }

@keyframes fadeIn {
      from {
        opacity: 0;
      }

@keyframes slideUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }

@keyframes slideLeft {
      from {
        opacity: 0;
        transform: translateX(20px);
      }

@keyframes blurIn {
      from {
        opacity: 0;
        filter: blur(10px);
      }

/* Staggered delays */
    .delay-0 {
      animation-delay: 0ms;
    }

.delay-100 {
      animation-delay: 100ms;
    }

.delay-200 {
      animation-delay: 200ms;
    }

.delay-300 {
      animation-delay: 300ms;
    }

.delay-500 {
      animation-delay: 500ms;
    }

.delay-700 {
      animation-delay: 700ms;
    }

.delay-900 {
      animation-delay: 900ms;
    }

.delay-1100 {
      animation-delay: 1100ms;
    }

.delay-1300 {
      animation-delay: 1300ms;
    }

/* Initially hidden */
    [class*="animate-"] {
      opacity: 0;
    }

/* Scroll triggered animations */
    .scroll-animate {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s ease-out;
    }

.scroll-animate.in-view {
      opacity: 1;
      transform: translateY(0);
    }

/* Pink glow animation for middle card */
    @keyframes rotate {
      to {
        transform: translate(-50%, -50%) rotate(360deg);
      }
    }

/* Glowing light effect */
    @keyframes glow-float {

.glow-light {
      position: absolute;
      width: 120px;
      height: 120px;
      background: radial-gradient(circle, rgba(255, 215, 0, 0.6) 0%, rgba(255, 255, 255, 0.4) 30%, transparent 70%);
      border-radius: 50%;
      filter: blur(20px);
      animation: glow-float 4s ease-in-out infinite;
      top: 30%;
      left: 60%;
      transform: translate(-50%, -50%);
      mix-blend-mode: screen;
    }