/* ═══════════════════════════════════════
   JAGATHI FOUNDATION – Animations
   ═══════════════════════════════════════ */

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

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-12px); }
}

@keyframes modalIn {
  from { opacity: 0; transform: scale(0.88) translateY(20px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}

/* Apply animations */
.hero-card:nth-child(2) { animation: float 4s ease-in-out infinite; }

.hero h1      { animation: fadeUp 0.7s ease both; }
.hero p       { animation: fadeUp 0.7s ease both; animation-delay: 0.1s; }
.hero-btns    { animation: fadeUp 0.7s ease both; animation-delay: 0.2s; }

body.page-enter,
body.page-exit {
  opacity: 0;
  transform: translateY(12px);
}

@media (prefers-reduced-motion: reduce) {
  body {
    transition: none !important;
  }

  body.page-enter,
  body.page-exit {
    opacity: 1;
    transform: none;
  }
}