@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --neon-green: #00ff41;
    --dark-bg: #010401;
    --panel-bg: rgba(5, 12, 5, 0.85);
}

body { 
    font-family: 'JetBrains Mono', monospace; 
    background-color: var(--dark-bg);
}


.neon-text { color: var(--neon-green); text-shadow: 0 0 10px rgba(0, 255, 65, 0.4); }

.panel { 
    background: var(--panel-bg); 
    border: 1px solid rgba(0, 255, 65, 0.3); 
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 5px 20px rgba(0,0,0,0.5);
}

.btn-cyber { 
    border: 1px solid var(--neon-green); color: var(--neon-green); background: rgba(0,20,0,0.6); 
    display: inline-flex; justify-content: center; align-items: center; transition: all 0.2s ease; cursor: pointer;
}
.btn-cyber:hover { background: var(--neon-green); color: black; box-shadow: 0 0 15px rgba(0, 255, 65, 0.6); }

.cmd-window { 
    position: fixed; top: 50%; left: 50%; 
    width: 95vw; max-width: 800px; max-height: 90vh;
    background: #000; border: 2px solid var(--neon-green); z-index: 20000; box-shadow: 0 0 50px rgba(0, 255, 65, 0.25);
}

.custom-scrollbar::-webkit-scrollbar { width: 8px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #010401; border-left: 1px solid rgba(0, 255, 65, 0.2); }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(0, 255, 65, 0.6); }


/* --- DECOUPLED BLINKING CURSOR --- */
.blink-cursor {
    animation: terminal-blink 0.8s infinite step-end;
}

@keyframes terminal-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}