/* ============================================================
   RETRO / CRT EFFECTS
   ============================================================ */

.retro-glow {
    text-shadow: 0 0 5px var(--accent-green), 0 0 10px rgba(0,255,136,0.3);
}

.retro-terminal {
    background: #0a0a0f;
    border: 1px solid var(--accent-green);
    border-radius: var(--radius);
    padding: 1.5rem 2rem;
    font-family: var(--font-mono);
    font-size: var(--font-size-base);
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,255,136,0.1);
}

.retro-terminal::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,255,136,0.015) 2px, rgba(0,255,136,0.015) 4px);
    pointer-events: none;
    z-index: 1;
}

.retro-terminal .prompt  { color: var(--accent-green); opacity: 0.7; }
.retro-terminal .command { color: var(--accent-green); font-weight: 600; }
.retro-terminal .output  { color: #c0c0d0; }

.retro-terminal .cursor {
    display: inline-block;
    width: 0.6em;
    height: 1.1em;
    background: var(--accent-green);
    animation: blink 1s step-end infinite;
    vertical-align: text-bottom;
}

.nav-brand .cursor {
    display: inline-block;
    width: 0.5em;
    height: 1em;
    background: var(--accent-green);
    animation: blink 1s step-end infinite;
    vertical-align: text-bottom;
    margin-left: 1px;
}

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