@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#0b0f14;--surface:#12171f;--surface-raised:#161c26;--border:#1f2731;--border-strong:#2a3441;--ink:#e8edf3;--ink-soft:#a0a8b3;--ink-mute:#6b7380;--accent:#00e5ff;--accent-dim:#00e5ff1f;--accent-line:#00e5ff59;--good:#4ade80;--warn:#facc15;--bad:#f87171;--shadow:0 1px 2px #0000004d, 0 8px 32px #0003;--sans:"Inter Tight", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";min-height:100vh;margin:0;padding:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--sans);letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:500;line-height:1.1}a{color:inherit;text-decoration:none}a.link{color:var(--accent)}a.link:hover{color:#5ef0ff}.container{max-width:1160px;margin:0 auto;padding:0 24px}.container-narrow{max-width:720px;margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;font-weight:400}.mono{font-family:var(--mono)}.muted{color:var(--ink-soft)}.dim{color:var(--ink-mute)}.hero-badge{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:inline-flex}.hero-badge .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-dim);border-radius:50%;animation:2s infinite pulse}.btn{font-family:var(--sans);cursor:pointer;letter-spacing:-.005em;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{background:#fff;border-color:#fff}.btn-secondary{color:var(--ink);border:1px solid var(--border-strong);background:0 0}.btn-secondary:hover{border-color:var(--ink-soft)}.btn-accent{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.btn-accent:hover{background:#5ef0ff;border-color:#5ef0ff}.btn-lg{border-radius:9px;padding:13px 22px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:inherit;border-color:inherit}input,select,textarea{font-family:var(--sans)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--ink-soft);letter-spacing:-.005em;font-size:13px;font-weight:500}.field-label .optional{color:var(--ink-mute);font-weight:400}.field-input{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:8px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s}.field-input:focus{border-color:var(--accent);outline:none}.field-input::placeholder{color:var(--ink-mute)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card-raised{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:24px}.alert{color:#fca5a5;background:#f8717114;border:1px solid #f8717140;border-radius:8px;padding:12px 14px;font-size:14px}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0f14d9;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.brand{color:var(--ink);letter-spacing:-.015em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.brand-icon{width:24px;height:24px;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.25)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s both fadeIn}@media (max-width:720px){.container,.container-narrow{padding:0 16px}input,select,textarea{font-size:16px!important}.hide-sm{display:none}}
