:root{--bg: #07090c;--bg-2: #0c1016;--panel: #10151c;--line: #1d2633;--text: #e8eef6;--muted: #8b97a8;--accent: #2b9fff;--accent-dim: rgba(43, 159, 255, .14);--danger: #f07178;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}.shell{max-width:1080px;margin:0 auto;padding:0 20px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand img{height:40px;width:auto;display:block;border-radius:6px}.brand strong{font-size:18px;letter-spacing:.14em}.brand span{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.nav{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a.active{color:var(--text)}.hero{padding:72px 0 40px}.kicker{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.03em;margin:12px 0}.lede{font-size:18px;color:var(--muted);max-width:640px}.row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:8px;border:1px solid transparent;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:#041018}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-danger{background:transparent;color:var(--danger);border-color:#3a2024}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0;color:var(--muted);font-size:14px}.term{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:500;font-family:var(--mono);font-size:11px;letter-spacing:.06em}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--muted)}.err{color:var(--danger);font-size:13px}.ok{color:var(--accent);font-size:13px}label.field{display:grid;gap:6px;font-size:13px;font-weight:600}input,textarea,select{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px}textarea{min-height:90px;resize:vertical}.form{display:grid;gap:12px;max-width:520px}.footer{margin-top:80px;padding:28px 0 48px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.banner{background:var(--accent-dim);border:1px solid rgba(43,159,255,.28);color:var(--text);padding:10px 12px;border-radius:8px;font-size:13px}code,.code{font-family:var(--mono);font-size:12px;background:#0a0e14;border:1px solid var(--line);padding:2px 6px;border-radius:4px}pre.codeblock{font-family:var(--mono);font-size:12px;background:#0a0e14;border:1px solid var(--line);padding:14px;border-radius:10px;overflow:auto;color:#c9d4e3}.pill{display:inline-block;font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.pill.on{color:var(--accent);border-color:#2b9fff66}