:root{--background:#0b1020;--surface:#131a2b;--surface-2:#1b2540;--text:#f2f5ff;--muted:#9aa6c1;--primary:#6ea8fe;--success:#3ccf91;--danger:#ff6b6b;--border:#ffffff14;--shadow:0 20px 40px #0003;--radius-md:12px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--container:1200px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top, #15203b 0%, var(--background) 60%);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}main{width:min(100%, var(--container));margin:0 auto;padding:40px 20px 64px}.page-grid{gap:var(--space-5);display:grid}.page-hero{gap:var(--space-3);display:grid}.page-hero h1,.page-hero h2,.page-hero p{margin:0}.two-column{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stack{gap:var(--space-4);display:grid}.muted{color:var(--muted)}.form-grid{gap:var(--space-3);display:grid}label{gap:6px;font-weight:600;display:grid}input{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;padding:12px 14px}code{background:#ffffff14;border-radius:8px;padding:2px 6px}