/* File: 01-animations.css */

/* =========================
   2) Animations (Single set)
========================= */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

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

@keyframes slideInUnderline {
  from { width: 0; }
  to { width: 60%; }
}

@keyframes spin { to { transform: rotate(360deg); } }

@keyframes flicker {
  0%, 100% { opacity: 1; filter: drop-shadow(0 0 8px rgba(255, 159, 0, 0.5)); }
  50% { opacity: 0.85; filter: drop-shadow(0 0 12px rgba(255, 159, 0, 0.8)); }
}

.animate-fade-in-up { animation: fadeInUp 1s ease-out both; }
.animate-fade-in-up-delay { animation: fadeInUp 1s ease-out 0.3s both; }
.animate-fade-in-up-delay-2 { animation: fadeInUp 1s ease-out 0.6s both; }