:root{--bg: #0a0a0f;--surface: #111118;--surface2: #18181f;--border: rgba(255, 255, 255, .07);--accent: #5b5ef4;--accent2: #a78bfa;--accent3: #38e0c0;--text: #f0f0f8;--muted: #7a7a9a;--card: rgba(255, 255, 255, .03);--sidebar-w: 260px;--header-h: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:100;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#0a0a0feb;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;text-decoration:none;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#fff 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo svg{flex-shrink:0}.header-center{position:absolute;left:50%;transform:translate(-50%)}.header-tag{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);background:var(--surface2);border:1px solid var(--border);padding:4px 12px;border-radius:4px}.nav-cta{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;color:var(--accent2);text-decoration:none;transition:color .2s}.nav-cta:hover{color:#fff}.layout{display:flex;padding-top:var(--header-h);min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;position:fixed;top:var(--header-h);left:0;bottom:0;overflow-y:auto;border-right:1px solid var(--border);background:var(--surface);padding:32px 20px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-nav{display:flex;flex-direction:column;gap:28px}.nav-group-label{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent3);margin-bottom:10px;padding-left:12px}.nav-link{display:block;font-family:DM Sans,sans-serif;font-size:14px;color:var(--muted);text-decoration:none;padding:7px 12px;border-radius:6px;border-left:2px solid transparent;transition:color .15s,background .15s,border-color .15s;line-height:1.4}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.active{color:var(--accent2);background:#5b5ef414;border-left-color:var(--accent)}.content{flex:1;margin-left:var(--sidebar-w);min-width:0}.content-inner{max-width:760px;padding:56px 56px 100px}.page-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);letter-spacing:-1.2px;line-height:1.15;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.prose h2{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.8px;line-height:1.2;margin:52px 0 16px;color:var(--text)}.prose h2:first-child{margin-top:0}.prose h3{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:19px;letter-spacing:-.4px;margin:36px 0 12px;color:var(--text)}.prose h4{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent3);margin:28px 0 10px}.prose p{font-size:16px;color:var(--muted);line-height:1.75;margin-bottom:18px}.prose p strong{color:var(--text);font-weight:500}.prose a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a78bfa59;transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--accent2)}.prose ul,.prose ol{margin:0 0 20px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}.prose ul li,.prose ol li{font-size:16px;color:var(--muted);padding-left:24px;position:relative;line-height:1.65}.prose ul li:before{content:"→";position:absolute;left:0;color:var(--accent3);font-family:Space Mono,monospace;font-size:13px}.prose ol{counter-reset:ol-counter}.prose ol li{counter-increment:ol-counter}.prose ol li:before{content:counter(ol-counter,decimal-leading-zero);position:absolute;left:0;font-family:Space Mono,monospace;font-size:11px;color:var(--accent);top:3px}.prose code{font-family:Space Mono,monospace;font-size:13px;background:#5b5ef41a;border:1px solid rgba(91,94,244,.2);color:var(--accent2);padding:2px 7px;border-radius:4px}.prose pre{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:24px;overflow-x:auto;margin:24px 0}.prose pre code{background:none;border:none;padding:0;font-size:14px;color:var(--text);line-height:1.65}.prose blockquote{border-left:3px solid var(--accent);background:#5b5ef40f;border-radius:0 8px 8px 0;padding:16px 20px;margin:24px 0}.prose blockquote p{margin:0;color:var(--text);font-size:15px}.prose hr{border:none;border-top:1px solid var(--border);margin:48px 0}.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.prose th{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 16px;border-bottom:1px solid var(--border);text-align:left;background:var(--surface2)}.prose td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--muted)}.prose tr:last-child td{border-bottom:none}@media(max-width:768px){.sidebar{display:none}.content{margin-left:0}.content-inner{padding:32px 20px 64px}header{padding:0 20px}.header-center{display:none}}