/* Fade in and slide up animation */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.delay-300 { animation-delay: 0.3s; }
.delay-600 { animation-delay: 0.6s; }
.delay-900 { animation-delay: 0.9s; }

/* Background fade + zoom */
@keyframes fadeZoomIn {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.bg-fade-zoom {
  animation: fadeZoomIn 7s ease-out forwards;
}

  /* Simple slide-down animation */
  .slide-down {
    animation: slideDown 0.3s ease forwards;
  }

  .slide-up {
    animation: slideUp 0.3s ease forwards;
  }

  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes slideUp {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(-10px);
    }
  }