:root{--brand:#08b0ff}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#0b0e13;color:#e5e7eb}
a{color:#9bd1ff;text-decoration:none}a:hover{color:#fff}
.header{border-bottom:1px solid rgba(255,255,255,.06);background:#0b0e13}
.section{padding:3.5rem 1.25rem}
.section--alt{background:#0f1218}
.brand{color:var(--brand)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.08)}
.btn--primary{background:var(--brand);color:#000;border-color:transparent;font-weight:600}
.btn--ghost{border-color:rgba(255,255,255,.16);color:#d1d5db}
.badge{font-size:.75rem;border:1px solid rgba(255,255,255,.12);padding:.15rem .45rem;border-radius:.4rem;color:#9aa4b2}
.card{background:#0f1115;border:1px solid rgba(255,255,255,.06);border-radius:12px}
pre{background:#00000033;padding:1rem;border-radius:.6rem;white-space:pre-wrap;word-break:break-word;overflow:auto}
.footer{border-top:1px solid rgba(255,255,255,.06);background:#0f1218}
.text-muted{color:#9aa4b2}
.dim{opacity:.7}
small, .small{font-size:.875rem}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
hr.sep{border:0;border-top:1px solid rgba(255,255,255,.08);margin:1.25rem 0}
.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.table th{color:#9aa4b2;font-weight:600;text-align:left}