:root{--bg: #0b1020;--bg-soft: #11172e;--fg: #e6edf3;--fg-dim: #9aa4b2;--accent: #7dd3fc;--accent-2: #f472b6;--border: #1f2a44;--border-strong: #2a3a5e;--code-bg: #0f1530;--gradient: linear-gradient(90deg, #7dd3fc 0%, #c4b5fd 50%, #f472b6 100%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{line-height:1.6;background:radial-gradient(1200px 600px at 80% -10%,rgba(125,211,252,.1),transparent 60%),radial-gradient(900px 500px at 0% 20%,rgba(244,114,182,.08),transparent 60%),var(--bg);background-attachment:fixed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:820px;margin:0 auto;padding:2rem 1.25rem 4rem}section{margin-bottom:1.5rem}h1,h2,h3{line-height:1.2}h1{font-size:2.5rem;margin:0 0 .75rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}h2{font-size:1.5rem;margin:2.25rem 0 .75rem;padding-bottom:.4rem;position:relative}h2:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:2px;border-radius:2px;background:var(--gradient)}h3{font-size:1.15rem;margin:1.5rem 0 .5rem;color:var(--fg)}p{color:var(--fg)}.lede{color:var(--fg-dim);font-size:1.15rem;max-width:60ch}code{background:var(--code-bg);padding:.1rem .4rem;border-radius:4px;font-size:.95em;border:1px solid var(--border);color:#e6edf3}pre{background:var(--code-bg);padding:1rem;border-radius:10px;overflow-x:auto;border:1px solid var(--border);position:relative}pre:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient);border-radius:10px 0 0 10px}pre code{background:transparent;padding:0;border:0}.copy-btn{position:absolute;top:8px;right:8px;background:#11172ecc;border:1px solid var(--border);color:var(--fg-dim);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;display:flex;align-items:center;gap:4px;transition:all .15s ease}.copy-btn:hover{background:var(--bg-soft);color:var(--accent);border-color:var(--accent)}.copy-btn svg{width:14px;height:14px}.copy-btn.copied{color:var(--accent);border-color:var(--accent)}article{background:#11172e80;border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;margin:1rem 0;backdrop-filter:blur(4px);transition:border-color .2s,transform .2s}article:hover{border-color:var(--border-strong);transform:translateY(-2px)}article h3{margin-top:0}.site-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;background:#0b1020bf;backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center}.brand-mark{display:block;height:36px;width:auto}.brand .strand{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .8s ease}.brand:hover .strand-pink{stroke-dashoffset:-100}.brand:hover .strand-cyan{stroke-dashoffset:100}.brand:hover{text-decoration:none}nav a{margin-left:1.25rem;color:var(--fg-dim);font-size:.95rem}nav a:hover{color:var(--accent);text-decoration:none}.site-footer{text-align:center;color:var(--fg-dim);padding:2rem 1rem;border-top:1px solid var(--border);font-size:.9rem}.site-footer a{color:var(--fg-dim)}.site-footer a:hover{color:var(--accent);text-decoration:none}.site-footer .dot{margin:0 .5rem;opacity:.5}ul{padding-left:1.25rem}li{margin:.3rem 0}.pill{display:inline-block;padding:.2rem .7rem;border:1px solid var(--border);border-radius:999px;font-size:.78rem;color:var(--fg-dim);margin:.15rem .3rem .15rem 0;transition:color .2s,border-color .2s}.pill:hover{color:var(--accent);border-color:var(--accent)}.cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.65rem 1.1rem;background:var(--gradient);color:#0b1020;border-radius:10px;font-weight:700;box-shadow:0 4px 20px -8px #7dd3fc80;transition:transform .15s,box-shadow .15s}.cta:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 24px -6px #f472b680}@media (prefers-reduced-motion: reduce){.brand .strand,article,.cta{transition:none}}