@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');

:root {
    --neon-pink: #ff00ea;
    --neon-cyan: #00ffff;
    --neon-green: #39ff14;
    --neon-yellow: #fffb00;
    --bg-pure-black: #000000;
}

html, body {
    background-color: var(--bg-pure-black) !important;
    color: #ffffff;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-height: 100vh;
}

.font-arcade { font-family: 'Press Start 2P', cursive; }
.font-pixel { font-family: 'VT323', monospace; }

.text-glow-pink { text-shadow: 0 0 5px #fff, 0 0 10px var(--neon-pink), 0 0 15px var(--neon-pink); }
.text-glow-cyan { text-shadow: 0 0 5px #fff, 0 0 10px var(--neon-cyan), 0 0 15px var(--neon-cyan); }
.text-glow-green { text-shadow: 0 0 5px #fff, 0 0 10px var(--neon-green), 0 0 15px var(--neon-green); }
.text-glow-yellow { text-shadow: 0 0 5px #fff, 0 0 10px var(--neon-yellow), 0 0 15px var(--neon-yellow); }

.box-glow-cyan { box-shadow: 0 0 12px var(--neon-cyan), inset 0 0 6px var(--neon-cyan); }
.box-glow-pink { box-shadow: 0 0 12px var(--neon-pink), inset 0 0 6px var(--neon-pink); }
.box-glow-green { box-shadow: 0 0 12px var(--neon-green), inset 0 0 6px var(--neon-green); }

/* CRT Scanline Effect */
.crt::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%);
    z-index: 100;
    background-size: 100% 4px;
    pointer-events: none;
    opacity: 0.3;
}

/* Removed blink animation - static opacity */
.animate-blink { opacity: 1; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { 
    background: #333; 
    border: 2px solid var(--neon-pink);
    border-radius: 5px;
}