:root{--color-ink: #111111;--color-ink-muted: #6B6B6B;--color-surface: #FFFFFF;--color-surface-2: #F5F5F5;--color-border: #E2E2E2;--color-primary: #0066CC;--color-primary-hover: #0056B3;--color-accent: var(--color-primary);--color-rust-800: var(--color-ink);--color-amber-400: var(--color-primary);--space-xs: clamp(.25rem, .5vw, .5rem);--space-sm: clamp(.5rem, 1vw, .75rem);--space-md: clamp(.75rem, 1.5vw, 1.25rem);--space-lg: clamp(1rem, 2vw, 2rem);--space-xl: clamp(1.5rem, 3vw, 3rem);--space-2xl: clamp(2rem, 5vw, 5rem);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-ink);line-height:1.65;min-height:100dvh;display:flex;flex-direction:column}img,video,svg{display:block;max-width:100%}a{color:var(--color-primary);text-decoration-color:transparent;transition:color .2s,text-decoration-color .2s}a:hover{color:var(--color-primary-hover);text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--color-blue-400);outline-offset:3px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.5em 1.1em;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid var(--color-border);background:transparent;color:var(--color-ink);transition:border-color .2s,color .2s}.btn-primary,.btn-outline{border-color:var(--color-primary);color:var(--color-primary)}.btn-primary:hover,.btn-outline:hover,.btn:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration-color:transparent}input,textarea,select{font-family:var(--font-sans);font-size:1rem;color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.6em .85em;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e926}label{display:block;font-size:.875rem;font-weight:600;color:var(--color-ink-muted);margin-bottom:.35em;letter-spacing:.02em}.form-group{display:flex;flex-direction:column;gap:0}.prose{max-width:70ch}.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.25;margin-top:2em;margin-bottom:.6em;color:var(--color-rust-800)}.prose p{margin-bottom:1.25em}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1.25em}.prose li{margin-bottom:.4em}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-blue-950);color:var(--color-amber-400);padding:.15em .4em;border-radius:var(--radius-sm)}.prose pre{background:var(--color-blue-950);color:var(--color-amber-100);padding:1.25em;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5em}.prose pre code{background:none;padding:0;font-size:.9em}.prose blockquote{border-left:4px solid var(--color-amber-400);padding-left:1em;color:var(--color-ink-muted);font-style:italic;margin:1.5em 0}.prose a{font-weight:500;text-decoration-color:currentColor}.container{max-width:1100px;margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--color-ink-muted)}.text-center{text-align:center}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-lg)}.section{padding-block:var(--space-2xl)}.section-alt{background:var(--color-surface-2)}[data-theme=dark]{--color-ink: #E6E6E6;--color-ink-muted: #999999;--color-surface: #111111;--color-surface-2: #1A1A1A;--color-border: #333333;--color-primary: #6AA6FF;--color-primary-hover: #8FBEFF;--color-accent: var(--color-primary);--color-rust-800: var(--color-ink);--color-amber-400: var(--color-primary);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.4)}