:root{color-scheme: dark;--bg: #07080c;--surface: #0e1119;--surface-2: #151925;--line: #252b3a;--text: #f8fafc;--muted: #aab3c2;--accent: #8b46ff;--accent-2: #bd93ff;--max: 1120px}*{box-sizing: border-box}html{scroll-behavior: smooth}body{margin: 0;background: radial-gradient(circle at 75% -20%, rgba(139,70,255,.24), transparent 42%),var(--bg);color: var(--text);font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size: 17px;line-height: 1.72}a{color: var(--accent-2)}a:hover{color: #d7c0ff}img{max-width: 100%;height: auto}.site-header{position: sticky;top: 0;z-index: 10;border-bottom: 1px solid rgba(255,255,255,.08);background: rgba(7,8,12,.88);backdrop-filter: blur(16px)}.nav{width: min(calc(100% - 32px), var(--max));min-height: 68px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 24px}.brand{color: white;text-decoration: none;font-weight: 800;letter-spacing: -.03em}.nav-links{display: flex;align-items: center;gap: 20px}.nav-links a{color: var(--muted);text-decoration: none;font-size: 15px}.nav-links a:hover{color: white}.button{display: inline-flex;align-items: center;justify-content: center;min-height: 46px;padding: 0 20px;border-radius: 10px;background: var(--accent);color: white !important;text-decoration: none;font-weight: 750;box-shadow: 0 10px 30px rgba(139,70,255,.22)}.button.secondary{background: var(--surface-2);border: 1px solid var(--line);box-shadow: none}main{width: min(calc(100% - 32px), var(--max));margin: 0 auto}.hero{padding: 96px 0 60px;max-width: 900px}.eyebrow{color: var(--accent-2);font-size: 14px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase}h1,h2,h3{line-height: 1.16;letter-spacing: -.035em;text-wrap: balance}h1{margin: 16px 0 24px;font-size: clamp(2.6rem, 7vw, 5.8rem)}h2{margin: 68px 0 18px;font-size: clamp(1.8rem, 4vw, 3rem)}h3{margin: 30px 0 10px;font-size: 1.3rem}.lede{max-width: 760px;color: var(--muted);font-size: clamp(1.08rem, 2vw, 1.32rem)}.actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 32px}.grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;margin: 28px 0 56px}.card{padding: 24px;border: 1px solid var(--line);border-radius: 16px;background: linear-gradient(145deg, rgba(21,25,37,.96), rgba(12,14,21,.96))}.card h2,.card h3{margin-top: 0}.card p:last-child{margin-bottom: 0}.prose{max-width: 790px;padding-bottom: 76px}.prose p,.prose li{color: #c9d0db}.prose strong{color: white}.prose blockquote{margin: 28px 0;padding: 18px 22px;border-left: 4px solid var(--accent);background: var(--surface);color: #dfe5ee}.prose pre{overflow: auto;padding: 20px;border: 1px solid var(--line);border-radius: 14px;background: #05060a;color: #d7c8ff}.prose code{font-family: "JetBrains Mono",Consolas,monospace}.steps{counter-reset: steps;padding: 0;list-style: none}.steps>li{position: relative;padding: 0 0 28px 54px}.steps>li::before{counter-increment: steps;content: counter(steps);position: absolute;left: 0;top: 0;width: 34px;height: 34px;display: grid;place-items: center;border-radius: 9px;background: rgba(139,70,255,.18);color: var(--accent-2);font-weight: 800}.note{margin: 28px 0;padding: 18px 20px;border: 1px solid #3a3150;border-radius: 12px;background: rgba(139,70,255,.08)}.breadcrumbs{padding-top: 30px;color: var(--muted);font-size: 14px}.breadcrumbs a{color: var(--muted)}.site-footer{border-top: 1px solid var(--line);background: #05060a}.footer-inner{width: min(calc(100% - 32px), var(--max));margin: 0 auto;padding: 34px 0;display: flex;justify-content: space-between;gap: 20px;color: var(--muted);font-size: 14px}.footer-links{display: flex;flex-wrap: wrap;gap: 16px}.footer-links a{color: var(--muted)}@media (max-width: 760px){body{font-size: 16px}.nav{min-height: 62px}.nav-links>a:not(.button){display: none}.hero{padding-top: 68px}.grid{grid-template-columns: 1fr}.footer-inner{flex-direction: column}.button{min-height: 48px}}