/* GLOBAL SETTINGS - Disesuaikan untuk Tema Baru */
body {
    /* Background ditangani oleh Tailwind/Index agar lebih fleksibel */
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    overflow-x: hidden;
}

/* SCROLLBAR - Kustomisasi Sesuai Tema Neon */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #050014; }
::-webkit-scrollbar-thumb { 
    background: linear-gradient(to bottom, #d500f9, #00fff2); 
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { background: #ccff00; }

/* ANIMASI UTILITY */
@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes glitch {
    0% { text-shadow: 2px 2px #ff00aa, -2px -2px #00fff2; }
    25% { text-shadow: -2px 2px #00fff2, 2px -2px #ff00aa; }
    50% { text-shadow: 2px -2px #ccff00, -2px 2px #d500f9; }
    75% { text-shadow: -2px -2px #d500f9, 2px 2px #ccff00; }
    100% { text-shadow: 2px 2px #ff00aa, -2px -2px #00fff2; }
}

/* HELPER CLASSES */
.animate-spin-slow { animation: spin-slow 10s linear infinite; }
.animate-float { animation: float 6s ease-in-out infinite; }
.animate-glitch { animation: glitch 2s infinite; }

/* COMIC / REVEAL EFFECT */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
    filter: blur(5px);
}
.reveal-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

/* HALLUCINATION MODE (Logic CSS External) */
body.hallucination-mode {
    filter: hue-rotate(90deg) contrast(1.2);
}