:root{--bg:#0a0a0a;--red:#ef4444;--green:#22c55e;--text:#e5e5e5;--font:'Fira Code',monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}
canvas#matrix{position:fixed;inset:0;z-index:1;opacity:.12}
.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.15) 2px,rgba(0,0,0,0.15) 4px);pointer-events:none;z-index:100}
nav{position:fixed;top:0;width:100%;padding:2rem 3rem;display:flex;justify-content:space-between;z-index:10;border-bottom:1px solid rgba(239,68,68,0.2)}.logo{font-size:1.3rem;color:var(--red);font-weight:700}.status{font-size:.75rem;color:var(--green)}
main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:5}
.terminal-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.2);border-radius:12px;max-width:700px;overflow:hidden}
.bar{background:rgba(239,68,68,0.08);padding:.8rem 1.2rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(239,68,68,0.1)}.dot{width:10px;height:10px;border-radius:50%}.dot.r{background:#ef4444}.dot.y{background:#eab308}.dot.g{background:#22c55e}.title{font-size:.75rem;color:#a3a3a3;margin-left:.5rem}
h1{font-size:2.2rem;padding:2.5rem 2.5rem 1rem;line-height:1.3;color:var(--red)}
p{padding:0 2.5rem 2rem;font-size:1rem;color:#a3a3a3;line-height:1.7}
.prompt{background:rgba(0,0,0,0.4);padding:1rem 2.5rem;font-size:.85rem;color:var(--green)}.cursor{animation:blink 1s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}