:root{--bg:#000;--accent:#00ff99;--muted:#66ffb3}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Consolas,Monaco,monospace,ui-monospace,system-ui;background:#000;color:var(--accent);overflow:hidden}
#matrix{position:fixed;inset:0;display:block}
.overlay{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}
.overlay h1{font-size:3rem;letter-spacing:2px;margin:0 0 .5rem;color:var(--accent);text-shadow:0 0 8px rgba(0,255,153,.12)}
.subtitle{color:var(--muted);margin:0 0 1rem}
.mono{opacity:.9}
.status{margin-top:1.25rem;padding:.5rem 1rem;border:1px solid rgba(0,255,153,.08);border-radius:6px;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent)}
@media (max-width:600px){.overlay h1{font-size:2rem}}