/* ==========================================================================
   ICTSD 2026 - Animation & Micro-Interactions
   ========================================================================== */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 15px rgba(2, 132, 199, 0.3);
  }
  50% {
    box-shadow: 0 0 25px rgba(2, 132, 199, 0.65);
  }
}

.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

.btn-glow {
  animation: pulseGlow 3s infinite ease-in-out;
}

.dropdown-menu {
  animation: fadeIn 0.25s ease-out;
}

/* Card hover animation */
.hover-lift {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

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