/* File: styles.css */

/* 1. Import Dasar Tailwind */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 2. Sistem Anti-Ghost Touch untuk HP (SUPER PENTING!) */
@layer base {
    html {
        -webkit-tap-highlight-color: transparent;
    }
    button, a, input, select {
        /* Memaksa HP untuk memprioritaskan sentuhan pada elemen ini */
        touch-action: manipulation !important; 
        cursor: pointer;
    }
}

/* 3. Utilitas Efek Neon Brutalist */
@layer utilities {
    .neon-glow-orange {
        box-shadow: 0 0 15px rgba(255, 92, 0, 0.3);
        transition: all 0.3s ease;
    }
    .neon-glow-orange:hover, .neon-glow-orange:active {
        box-shadow: 0 0 30px rgba(255, 92, 0, 0.8);
        border-color: rgba(255, 92, 0, 1);
    }
    
    .neon-glow-blue {
        box-shadow: 0 0 15px rgba(0, 160, 176, 0.3);
        transition: all 0.3s ease;
    }
    .neon-glow-blue:hover, .neon-glow-blue:active {
        box-shadow: 0 0 30px rgba(0, 160, 176, 0.8);
        border-color: rgba(0, 160, 176, 1);
    }
}

/* 4. Custom Scrollbar Hacker/Terminal */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #0a0a0a;
    border-left: 1px solid #1f1f1f;
}

::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ff5c00;
}

/* Scrollbar khusus untuk kotak terminal di halaman dalam */
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #ff5c00;
}