:root{--bg: #0b1220;--bg-elevated: #0f1a2e;--bg-sunken: #070d16;--text: #e6edf6;--text-muted: #9fb0c6;--text-subtle: #6b7a8f;--line: rgba(255,255,255,.08);--line-strong: rgba(255,255,255,.15);--accent-primary: #5eead4;--accent-primary-dim: #3dd5bd;--accent-primary-glow: rgba(94,234,212,.25);--accent-primary-subtle: rgba(94,234,212,.12);--accent-secondary: #60a5fa;--accent-secondary-dim: #3b82f6;--accent-secondary-glow: rgba(96,165,250,.25);--accent-tertiary: #a78bfa;--accent-tertiary-dim: #8b5cf6;--success: #34d399;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--code-bg: rgba(0,0,0,.35);--code-border: rgba(255,255,255,.12);--code-inline-bg: rgba(94,234,212,.08);--code-inline-text: #7dd3c0;--syntax-keyword: #c792ea;--syntax-string: #c3e88d;--syntax-function: #82aaff;--syntax-variable: #f07178;--syntax-comment: #546e7a;--syntax-constant: #ffcb6b;--max: 980px;--radius: 16px;--radius-sm: 10px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--glow-primary: 0 0 20px var(--accent-primary-glow);--glow-secondary: 0 0 20px var(--accent-secondary-glow)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 700px at 20% 0%,var(--accent-primary-subtle),transparent 55%),radial-gradient(800px 600px at 80% 100%,rgba(96,165,250,.08),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;font-size:16px}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-primary-dim);text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:28px 18px}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:all .3s ease}.card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:820px){.grid-2{grid-template-columns:1fr}}.kicker{color:var(--text-muted);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.h1{font-size:38px;line-height:1.1;margin:10px 0 12px;font-weight:700;background:linear-gradient(135deg,var(--text) 0%,var(--accent-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.h2{font-size:20px;margin:0 0 8px;font-weight:600;color:var(--text)}.p{color:var(--text-muted);margin:0;line-height:1.65}.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-muted);border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#ffffff05;transition:all .2s ease}.badge:hover{border-color:var(--accent-primary-glow);background:#5eead40d;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:10px 14px;border:1px solid var(--line);background:#ffffff05;font-weight:500;font-size:14px;transition:all .2s ease;color:var(--text)}.btn:hover{background:#ffffff0f;border-color:var(--line-strong);text-decoration:none;transform:translateY(-1px)}.btn.active{border-color:var(--accent-primary-glow);background:linear-gradient(135deg,#5eead41a,#60a5fa0d);box-shadow:var(--glow-primary)}hr{border:0;border-top:1px solid var(--line);margin:26px 0}article h1,article h2,article h3,article h4,article h5,article h6{color:var(--text);font-weight:600;line-height:1.3;margin-top:2em;margin-bottom:.75em}article h1:first-child,article h2:first-child,article h3:first-child{margin-top:0}article h1{font-size:2.2em;font-weight:700;border-bottom:2px solid var(--line);padding-bottom:.3em}article h2{font-size:1.75em;position:relative;padding-left:16px}article h2:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}article h3{font-size:1.4em;color:var(--accent-primary)}article h4{font-size:1.2em}article h5{font-size:1.1em}article h6{font-size:1em;color:var(--text-muted)}article p{line-height:1.75;margin:1.25em 0;color:var(--text-muted)}article ul,article ol{padding-left:1.75em;margin:1.25em 0;line-height:1.75}article li{margin:.5em 0;color:var(--text-muted)}article li::marker{color:var(--accent-primary);font-weight:600}article blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:4px solid var(--accent-primary);background:linear-gradient(90deg,var(--accent-primary-subtle),transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}article blockquote p{margin:.5em 0;color:var(--text);font-style:italic}article blockquote p:first-child{margin-top:0}article blockquote p:last-child{margin-bottom:0}article table{width:100%;border-collapse:collapse;margin:2em 0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}article thead{background:var(--bg-elevated)}article th{padding:12px 16px;text-align:left;font-weight:600;color:var(--accent-primary);border-bottom:2px solid var(--line-strong)}article td{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--text-muted)}article tr:last-child td{border-bottom:none}article tr:hover{background:#ffffff05}article img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.5em 0;box-shadow:var(--shadow-md)}article strong{color:var(--text);font-weight:600}article em{color:var(--text)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}code{background:var(--code-inline-bg);color:var(--code-inline-text);padding:2px 6px;border-radius:4px;font-weight:500}pre{overflow:auto;padding:18px;margin:1.5em 0;border-radius:var(--radius);border:1px solid var(--code-border);background:var(--code-bg);line-height:1.7;box-shadow:var(--shadow-sm)}pre code{background:none;color:var(--text);padding:0;font-weight:400}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--syntax-comment);font-style:italic}.token.keyword,.token.operator{color:var(--syntax-keyword);font-weight:600}.token.string,.token.attr-value{color:var(--syntax-string)}.token.function,.token.class-name{color:var(--syntax-function);font-weight:600}.token.variable,.token.property,.token.tag{color:var(--syntax-variable)}.token.number,.token.boolean,.token.constant{color:var(--syntax-constant);font-weight:600}.mermaid{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);padding:20px;margin:2em 0;box-shadow:var(--shadow-md)}