/* Styling kursor dasar */
        @media (hover: hover) and (pointer: fine) {
            html, body {
                cursor: none !important;
            }
            #custom-cursor {
                pointer-events: none !important;
                position: fixed !important;
                top: 0;
                left: 0;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                z-index: 999999 !important;
                will-change: transform;
                transition: width 0.2s, height 0.2s, background-color 0.2s;
            }
        }

        /* Efek Transisi Masuk (Fade In + Sedikit Geser ke Atas) */
@keyframes pageIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Efek Transisi Keluar (Fade Out) */
@keyframes pageOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-12px);
    }
}

.page-enter {
    animation: pageIn 1.0s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.page-exit {
    animation: pageOut 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}