/* ==========================================
   ANIMASI ZOOM (LOGIN)
========================================== */
.reveal-zoom {
    opacity: 0;
    transform: scale(0.85);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.reveal-zoom.active {
    opacity: 1;
    transform: scale(1);
}

/* Animasi Getar untuk Login Gagal */
.error-shake {
    animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}

        body { font-family: 'Poppins', sans-serif; overflow-x: hidden; }
        
        /* Animasi Pop-up Keren Bawaan */
        @keyframes zoomIn {
            0% { opacity: 0; transform: scale(0.85) translateY(20px); }
            100% { opacity: 1; transform: scale(1) translateY(0); }
        }
        .auto-zoom {
            animation: zoomIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        }