:root{--bg: #07111f;--bg-elev: #0b1830;--bg-card: rgba(12, 24, 48, .72);--bg-nav: #05080f;--ink: #f4f7ff;--ink-dim: #b7c3dc;--ink-mute: #8490ad;--line: rgba(148, 176, 230, .16);--line-strong: rgba(167, 190, 255, .28);--accent: #7c8cff;--accent-2: #9b7dff;--accent-hot: #ff5d8f;--accent-hot-2: #ff3b6b;--cta: #6d7dff;--cta-hover: #8795ff;--glow: rgba(109, 125, 255, .35);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--max: 1120px;--font: "Atkinson", "Inter", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--display: "Atkinson", "Sora", "Inter", "Segoe UI", ui-sans-serif, system-ui, sans-serif}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100dvh;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--ink);background:radial-gradient(1200px 500px at 80% -10%,rgba(90,70,255,.18),transparent 55%),radial-gradient(900px 420px at 10% 0%,rgba(56,120,255,.16),transparent 50%),linear-gradient(180deg,#081426 0%,var(--bg) 28%);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video{max-width:100%;display:block}a{color:#9db0ff;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#c7d2ff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-3rem;background:var(--cta);color:#fff;padding:.5rem .8rem;border-radius:8px;z-index:100}.skip-link:focus{top:.75rem}.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.eyebrow{display:inline-block;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:600;color:#8ea6ff;margin-bottom:.85rem}h1,h2,h3,h4{font-family:var(--display);line-height:1.12;letter-spacing:-.03em;margin:0 0 .7rem;color:var(--ink);font-weight:700}h1{font-size:clamp(2.2rem,5vw,4.1rem)}h2{font-size:clamp(1.55rem,3vw,2.15rem)}h3{font-size:1.2rem}p{margin:0 0 1rem;color:var(--ink-dim)}.gradient-word{background:linear-gradient(90deg,#ff8fb3,#ff5d8f 42%,#ff3b5c);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-word-cool{background:linear-gradient(90deg,#7c8cff,#c084fc 55%,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:var(--radius-pill);padding:.72rem 1.15rem;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn-primary{background:linear-gradient(180deg,#8b97ff,var(--cta));color:#fff;box-shadow:0 8px 24px var(--glow)}.btn-primary:hover{color:#fff;background:var(--cta-hover)}.btn-ghost{background:#0a12248c;color:var(--ink);border:1px solid var(--line-strong)}.btn-ghost:hover{color:#fff;border-color:#9db0ff}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(16px);box-shadow:var(--shadow)}.tag{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--line);background:#7c8cff14;color:#c5ceff;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;text-decoration:none}.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}.prose{max-width:72ch;margin-inline:auto;font-size:1.05rem}.prose h2,.prose h3{margin-top:2rem}.prose p{margin-bottom:1.15rem}.prose ul,.prose ol{color:var(--ink-dim);padding-left:1.2rem}.prose li{margin-bottom:.4rem}.prose code{font-size:.9em;background:#ffffff0f;padding:.12em .38em;border-radius:6px}.prose pre{padding:1.1rem 1.2rem;border-radius:14px;border:1px solid var(--line);overflow-x:auto;background:#0a1220}.prose pre code{background:none;padding:0}.prose blockquote{margin:1.5rem 0;padding:.2rem 0 .2rem 1rem;border-left:3px solid var(--accent-hot);color:var(--ink)}.prose img{border-radius:14px;margin:1.4rem 0}@media(max-width:720px){body{font-size:16px}}