*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--fg:#e0e0e0;--accent:#00bfa5;--muted:#555;--font-heading:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-heading);-webkit-font-smoothing:antialiased;overflow:hidden}#app{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.content{z-index:1;flex-direction:column;align-items:center;gap:2rem;padding:2rem 1.5rem;display:flex;position:relative}.logo{opacity:0;width:96px;height:96px;animation:1.2s forwards fadeIn}.title{font-family:var(--font-heading);letter-spacing:-.02em;opacity:0;font-size:clamp(2rem,6vw,4rem);font-weight:600;animation:1.2s .2s forwards fadeIn}.accent{color:var(--accent)}.tagline{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;opacity:0;font-size:clamp(.75rem,2vw,1rem);font-weight:300;animation:1.2s .5s forwards fadeIn}.banner{opacity:0;border:1px solid #ffffff0f;border-radius:6px;width:100%;max-width:min(600px,85vw);margin-top:1rem;animation:1.4s .7s forwards fadeIn}.scanline{background:var(--accent);opacity:.12;z-index:2;pointer-events:none;width:100%;height:2px;animation:6s linear infinite scan;position:fixed;top:0;left:0}.cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.footer{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;opacity:0;font-size:.7rem;animation:1.2s 1s forwards fadeIn;position:fixed;bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{top:-2px}to{top:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}