body {
    opacity: 0;
    animation: pageFadeIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

body.page-exit {
    animation: pageFadeOut 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
}

@keyframes pageFadeIn {
    from { 
        opacity: 0; 
        filter: blur(5px);
    }
    to { 
        opacity: 1; 
        filter: blur(0);
    }
}

@keyframes pageFadeOut {
    from { 
        opacity: 1; 
        filter: blur(0);
    }
    to { 
        opacity: 0; 
        filter: blur(3px);
    }
}