/* ============================================================
   Animasi masuk halaman murni CSS (pengganti AOS)
   Dipakai oleh view frontend: kalender_akademik, jadwal_pelajaran,
   tata_tertib. Hanya menganimasikan opacity & transform (tanpa
   layout shift). Menghormati prefers-reduced-motion.
   ============================================================ */

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

.page-animate {
  animation: pageFadeUp 0.5s ease-out both;
  animation-delay: var(--animate-delay, 0s);
}

.page-animate-d1 { --animate-delay: 0.1s; }
.page-animate-d2 { --animate-delay: 0.2s; }

@media (prefers-reduced-motion: reduce) {
  .page-animate {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}