@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Syne:wght@400;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080b0f;--bg2:#0e1318;--bg3:#151c24;--border:#1e2a35;--border2:#243040;--accent:#00d4ff;--accent2:#09c;--green:#00e676;--red:#ff3d57;--warn:#ffb300;--text:#e2eaf2;--dim:#6b7f94;--dim2:#4a5a6a;--font-mono:"IBM Plex Mono",monospace;--font-ui:"Syne",sans-serif}body,html{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-mono);background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:4px;padding:10px 14px;width:100%;font-size:13px;transition:border-color .15s}input:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--dim2)}.btn-primary{background:var(--accent);color:#000;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;border-radius:3px;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:11px 24px;border-radius:3px;transition:background .15s}.btn-ghost:hover{background:rgba(0,212,255,.08)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:24px}.mono,.tag{font-family:var(--font-mono)}.tag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:2px}.tag-green{background:rgba(0,230,118,.12);color:var(--green)}.tag-red{background:rgba(255,61,87,.12);color:var(--red)}.tag-warn{background:rgba(255,179,0,.12);color:var(--warn)}.tag-blue{background:rgba(0,212,255,.12);color:var(--accent)}.tag-dim{background:rgba(107,127,148,.12);color:var(--dim)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}