@keyframes modernPageEnter {
    0% {
        opacity: 0;
        transform: scale(0.98) translateY(20px);
        filter: blur(8px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0);
    }
}

/* Terapkan animasi halus ke seluruh body */
body {
    animation: modernPageEnter 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    will-change: transform, opacity, filter; /* Optimasi GPU 100% */
}

/* Efek kemunculan bertahap */
main > * {
    animation: contentReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) backwards;
    will-change: transform, opacity; /* Optimasi GPU 100% */
}

main > *:nth-child(1) { animation-delay: 0.1s; }
main > *:nth-child(2) { animation-delay: 0.2s; }
main > *:nth-child(3) { animation-delay: 0.3s; }
main > *:nth-child(4) { animation-delay: 0.4s; }

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