/* Page Transition Animations */

body {
  animation: pageIn 0.5s ease-out;
}

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

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

/* Apply fade-out on navigation */
body.page-exit {
  animation: pageOut 0.4s ease-in forwards;
}