@import "https://fonts.googleapis.com/css2?family=Mona+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#f8f9fa;--bg-white:#fff;--bg-soft:#eef2f6;--surface:#fff;--surface-2:#eef2f6;--surface-3:#e2e8f0;--border:#e2e8f0;--border-soft:#e2e8f0;--border-bright:#cbd5e1;--line:#e2e8f0;--line-strong:#cbd5e1;--text:#0f172a;--text-dim:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--dim:#94a3b8;--brand:#6366f1;--brand-deep:#4338ca;--brand-soft:#e0e7ff;--accent:#6366f1;--accent-hi:#6366f1;--accent-lo:#4338ca;--accent-glow:#6366f14d;--accent-tint:#6366f11a;--accent-edge:#6366f166;--accent-soft:#e0e7ff;--accent-orange:#f97316;--accent-orange-soft:#ffedd5;--cyan:#0ea5e9;--cyan-dim:#0284c7;--cyan-tint:#0ea5e91a;--ok:#10b981;--good:#10b981;--ok-tint:#10b9811f;--warn:#f59e0b;--warn-tint:#f59e0b1f;--err:#ef4444;--bad:#ef4444;--err-tint:#ef44441f;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--font-display:"Mona Sans", "Inter", system-ui, sans-serif;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:16px;--r-pill:999px;--shadow-1:0 1px 2px #18181b0a;--shadow-2:0 1px 2px #18181b0a, 0 8px 24px #18181b0f;--shadow-pop:0 12px 40px #18181b1a, 0 0 0 1px var(--border);--shadow-lg:0 12px 40px #18181b1a;--shadow-glow:0 0 0 2px var(--brand), 0 12px 40px -8px var(--accent-glow)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.6;overflow-x:hidden}::selection{background:var(--brand-soft);color:var(--ink)}button{font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%}.serif,h1,h2,h3,h4{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.cap{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px}.cap-soft{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:11px}.kbd{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:2px 6px;font-size:11px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.shell{flex-direction:column;min-height:100vh;display:flex}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 32px}.wrap-narrow{max-width:980px}.main{flex:1;padding:32px 0 80px}@media (max-width:720px){.wrap{padding:0 22px}}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);position:relative}.card-pad{padding:24px}.card-pad-lg{padding:32px}.card-pad-sm{padding:16px}.card-flat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.card-ghost{border:1px dashed var(--border);border-radius:var(--r-md);background:0 0}.btn{border-radius:var(--r-pill);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:14.5px;font-weight:600;line-height:1;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn .ic{width:16px;height:16px}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-1px)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-outline{color:var(--ink);border-color:var(--ink);background:0 0}.btn-outline:hover{background:var(--ink);color:#fff}.btn-danger{color:var(--err);border-color:var(--border)}.btn-danger:hover{background:var(--err-tint);border-color:var(--err)}.btn-lg{padding:16px 28px;font-size:16px}.btn-sm{padding:8px 14px;font-size:13px}.btn-icon{border-radius:var(--r-sm);border-color:var(--border);padding:8px}.btn-icon .ic{width:16px;height:16px}.btn .arrow{transition:transform .15s}.btn:hover .arrow{transform:translate(3px)}.chip{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.chip-accent{background:var(--accent-tint);border-color:var(--accent-edge);color:var(--brand-deep)}.chip-ok{background:var(--ok-tint);color:var(--ok);border-color:#10b98166}.chip-warn{background:var(--warn-tint);color:var(--warn);border-color:#f59e0b66}.chip-err{background:var(--err-tint);color:var(--err);border-color:#ef444466}.chip-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.input,.textarea{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);padding:10px 12px;font-size:14px;transition:border .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.textarea{resize:vertical;min-height:80px;line-height:1.5}.label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:11px;display:block}.divider{background:var(--border);border:none;height:1px;margin:16px 0}.divider-v{background:var(--border);align-self:stretch;width:1px}.row{align-items:center;gap:12px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.grid{gap:16px;display:grid}.stack-1{flex-direction:column;gap:4px;display:flex}.stack-2{flex-direction:column;gap:8px;display:flex}.stack-3{flex-direction:column;gap:12px;display:flex}.stack-4{flex-direction:column;gap:16px;display:flex}.stack-6{flex-direction:column;gap:24px;display:flex}.stack-8{flex-direction:column;gap:32px;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.ml-auto{margin-left:auto}.hint{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.gradient-text{background:linear-gradient(135deg, var(--brand) 0%, #ec4899 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 12px #0000}}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 14px #ef444400}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes wave-pulse{0%,to{opacity:.4;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes blink{50%{opacity:0}}.anim-fade-up{animation:.35s both fade-up}.anim-fade-in{animation:.25s both fade-in}.anim-slide-up{animation:.25s both slide-up}.spin{animation:.8s linear infinite spin}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172a59;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);width:min(92vw,480px);animation:.25s slide-up;overflow:hidden}.modal-header{padding:22px 24px 0}.modal-body{padding:12px 24px 22px}.modal-footer{background:var(--bg-soft);border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.modal-title{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:600}.modal-sub{color:var(--text-dim);margin:0;font-size:14px}.badge-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.badge-icon.ok{background:var(--ok-tint);color:var(--ok)}.badge-icon.warn{background:var(--warn-tint);color:var(--warn)}.badge-icon.err{background:var(--err-tint);color:var(--err)}.badge-icon.info{background:var(--accent-tint);color:var(--brand)}.focus-ring:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.link{color:var(--brand);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sec-head{margin-bottom:64px}.sec-head.center{text-align:center;max-width:780px;margin-left:auto;margin-right:auto}.sec-head h2{margin-top:18px}.sec-head p{max-width:680px;margin-top:18px}.sec-head.center p{margin-left:auto;margin-right:auto}.lede{color:var(--ink-2);font-size:clamp(18px,1.55vw,21px);font-weight:400;line-height:1.55}@media (max-width:640px){body{font-size:14px}.wrap{padding:0 16px}.main{padding:20px 0 56px}.modal-header{padding:18px 18px 0}.modal-body{padding:10px 18px 18px}.modal-footer{flex-wrap:wrap;padding:14px 18px}.modal-footer .btn{flex:1;justify-content:center}.card-pad{padding:16px}.card-pad-lg{padding:20px}}@media (max-width:400px){.wrap{padding:0 12px}}