/* Animation Keyframes */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floatAmbient {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

@keyframes pulseGlow {
  0% { box-shadow: 0 0 0 0 rgba(212, 224, 89, 0.4); }
  70% { box-shadow: 0 0 0 15px rgba(212, 224, 89, 0); }
  100% { box-shadow: 0 0 0 0 rgba(212, 224, 89, 0); }
}

/* Animation Utility Classes */
.animate-fade-up {
  animation: fadeInUp 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
  opacity: 0; /* Ensures it starts invisible before animation kicks in */
}

.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }

.animate-float {
  animation: floatAmbient 6s ease-in-out infinite;
}

/* Hover Animations */
.hover-lift {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-soft);
}

.hover-glow {
  transition: box-shadow 0.3s ease;
}

.hover-glow:hover {
  animation: pulseGlow 1.5s infinite;
}

/* Parallax utility */
.parallax-bg {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}