:root{--max: 1100px;--radius: 14px;--font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-head: "Space Grotesk", var(--font-body)}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0a0e1a;--bg-2: #0e1424;--text: #eef2f8;--text-soft: #cdd6e6;--muted: #95a0b8;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--border: rgba(160, 172, 205, .16);--accent: #ff7a3c;--accent-2: #8b6cff;--link: #ff9460;--on-accent: #0a0e1a;--media-bg: #05070d;--nav-bg: rgba(10, 14, 26, .72);--scrim: rgba(9, 12, 24, .62);--shadow: rgba(0, 0, 0, .5);--flow-a: 255, 122, 60;--flow-b: 139, 108, 255;--flow-alpha: .55;--glow-1: rgba(255, 122, 60, .16);--glow-2: rgba(139, 108, 255, .16)}:root[data-theme=light]{color-scheme:light;--bg: #f7f5f2;--bg-2: #efece6;--text: #1a1f2e;--text-soft: #2b3242;--muted: #5b6478;--surface: rgba(20, 24, 40, .035);--surface-2: rgba(20, 24, 40, .06);--border: rgba(30, 35, 60, .14);--accent: #e0560a;--accent-2: #6443d6;--link: #c64e07;--on-accent: #ffffff;--media-bg: #e7e2da;--nav-bg: rgba(247, 245, 242, .8);--scrim: rgba(248, 246, 242, .66);--shadow: rgba(40, 40, 70, .16);--flow-a: 224, 86, 10;--flow-b: 100, 67, 214;--flow-alpha: .28;--glow-1: rgba(224, 86, 10, .1);--glow-2: rgba(100, 67, 214, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:105%}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s ease,color .3s ease}.bg-glow{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(1100px 650px at 82% -8%,var(--glow-2),transparent 60%),radial-gradient(950px 600px at 5% 12%,var(--glow-1),transparent 58%)}.flow-bg{position:fixed;top:-14px;left:-14px;z-index:-1;pointer-events:none;width:calc(100% + 28px);height:calc(100% + 28px);display:block;filter:blur(2.5px)}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 1.5rem}main{min-height:60vh;padding:2.5rem 0 4rem}main>.wrap{background:var(--scrim);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 2rem;margin-bottom:1.6rem}@media (max-width: 640px){main>.wrap{padding:1.3rem 1.2rem}}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-head);line-height:1.2;font-weight:600;color:var(--text)}h1{font-size:clamp(2rem,5vw,3.2rem);margin:0 0 .4rem}h2{font-size:1.7rem;margin:2.5rem 0 1.2rem}h3{font-size:1.25rem;margin:0 0 .4rem}p{color:var(--text-soft)}.muted{color:var(--muted)}.section-title{display:inline-block;padding-bottom:.35rem;border-bottom:2px solid var(--accent)}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:var(--nav-bg);border-bottom:1px solid var(--border)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}.nav .brand{font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--text)}.nav .brand:hover{text-decoration:none;color:var(--accent)}.nav-right{display:flex;align-items:center;gap:1.1rem}.nav ul{display:flex;gap:1.3rem;list-style:none;margin:0;padding:0}.nav a{color:var(--muted);font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{color:var(--text);text-decoration:none}.nav a[aria-current=page]{color:var(--accent)}.nav-toggle{display:none;background:none;border:0;color:var(--text);font-size:1.5rem;cursor:pointer}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:25px;height:25px;fill:currentColor}:root[data-theme=dark] .theme-toggle .moon{display:none}:root[data-theme=light] .theme-toggle .sun{display:none}@media (max-width: 880px){.nav-toggle{display:block}.nav ul{position:absolute;top:62px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg-2);border-bottom:1px solid var(--border);padding:.5rem 1.5rem 1rem;display:none}.nav ul.open{display:flex}.nav ul li{padding:.5rem 0;border-bottom:1px solid var(--border)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted);font-size:.9rem;background:var(--nav-bg);backdrop-filter:blur(10px)}.footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.social{display:flex;gap:.85rem;flex-wrap:wrap}.social a{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted)}.social a:hover{color:var(--accent);text-decoration:none}.social svg{width:25px;height:25px;fill:currentColor}.social .brand-svg{width:33px;height:33px;display:inline-block;margin:-4px 0;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);font-weight:600;border:0}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2)}.pill{display:inline-block;padding:.35rem .8rem;margin:.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:.9rem;color:var(--text-soft);transition:transform .2s ease,box-shadow .2s ease}.pill:hover{transform:translateY(-3px);box-shadow:0 6px 18px var(--shadow)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}