/* css/animations.css */

/* Fade in up animation for scroll reveal */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger delays for multiple items */
.reveal.delay-1 { transition-delay: 0.1s; }
.reveal.delay-2 { transition-delay: 0.2s; }
.reveal.delay-3 { transition-delay: 0.3s; }
.reveal.delay-4 { transition-delay: 0.4s; }

/* Hero text animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero__title {
  animation: fadeInUp 1s ease-out forwards;
}

.hero__subtitle {
  opacity: 0;
  animation: fadeInUp 1s ease-out 0.2s forwards;
}

.hero__search {
  opacity: 0;
  animation: fadeInUp 1s ease-out 0.4s forwards;
}

.hero__cta {
  opacity: 0;
  animation: fadeInUp 1s ease-out 0.6s forwards;
}

/* Continuous pulse for accent elements */
@keyframes pulseGlow {
  0% { box-shadow: 0 0 0 0 rgba(209, 255, 38, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(209, 255, 38, 0); }
  100% { box-shadow: 0 0 0 0 rgba(209, 255, 38, 0); }
}

.pulse {
  animation: pulseGlow 2s infinite;
}

/* Float animation for decorative elements */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

.float {
  animation: float 4s ease-in-out infinite;
}