@keyframes gentleFadeIn {
     0% {
         opacity: 0;
         transform: translateY(12px);
     }
     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }

.page-fade {
    opacity: 0;
    transform: translateY(12px);
    animation: gentleFadeIn 0.6s ease-in-out forwards;
}