:root{--bg-body: rgb(1, 3, 20);--bg-surface: rgb(14, 16, 32);--bg-elevated: rgb(22, 24, 42);--bg-card: rgb(42, 43, 58);--bg-card-dark: rgb(24, 25, 40);--bg-card-hover: rgb(50, 51, 68);--text-primary: rgb(255, 255, 255);--text-body: rgb(223, 225, 244);--text-muted: rgb(186, 188, 210);--text-dim: rgb(120, 122, 145);--accent-1: rgb(0, 124, 209);--accent-1-light: rgb(79, 178, 246);--accent-1-glow: rgba(0, 124, 209, .5);--accent-1-subtle: rgba(0, 124, 209, .15);--accent-2: rgb(175, 71, 255);--accent-2-light: rgb(255, 91, 222);--accent-2-glow: rgba(175, 71, 255, .5);--accent-2-subtle: rgba(175, 71, 255, .15);--accent-3: rgb(14, 131, 132);--accent-3-light: rgb(48, 218, 220);--accent-3-glow: rgba(14, 131, 132, .5);--accent-3-subtle: rgba(14, 131, 132, .15);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .18);--shadow-card: rgba(255, 255, 255, .2) 0px 1px 0px 0px inset, rgba(0, 0, 0, .12) 0px -1px 24px 0px inset, rgba(0, 0, 0, .3) 0px 4px 40px 0px;--shadow-card-hover: rgba(255, 255, 255, .25) 0px 1px 0px 0px inset, rgba(0, 0, 0, .15) 0px -1px 24px 0px inset, rgba(175, 71, 255, .15) 0px 4px 60px 0px;--font-body: "Freigeist", Georgia, "Times New Roman", serif;--font-heading: "PP Cirka", Baskerville, "Baskerville Old Face", Georgia, serif;--font-mono: "JetBrains Mono", "Roboto Mono", "SF Mono", monospace;--text-xs: clamp(.63rem, calc(0vw + .63rem) , .63rem);--text-s: clamp(.84rem, calc(0vw + .84rem) , .84rem);--text-m: clamp(1rem, calc(.19vw + .96rem) , 1.13rem);--text-l: clamp(1.13rem, calc(.55vw + 1.01rem) , 1.5rem);--text-xl: clamp(1.27rem, calc(1.09vw + 1.05rem) , 2rem);--text-2xl: clamp(1.42rem, calc(1.84vw + 1.06rem) , 2.66rem);--text-3xl: clamp(1.6rem, calc(2.89vw + 1.02rem) , 3.55rem);--text-4xl: clamp(1.8rem, calc(4.34vw + .93rem) , 4.74rem);--space-4xs: clamp(.31rem, calc(0vw + .31rem) , .31rem);--space-3xs: clamp(.41rem, calc(.04vw + .4rem) , .44rem);--space-2xs: clamp(.51rem, calc(.16vw + .48rem) , .62rem);--space-xs: clamp(.64rem, calc(.35vw + .57rem) , .88rem);--space-s: clamp(.8rem, calc(.65vw + .67rem) , 1.24rem);--space-m: clamp(1rem, calc(1.11vw + .78rem) , 1.75rem);--space-l: clamp(1.25rem, calc(1.81vw + .89rem) , 2.47rem);--space-xl: clamp(1.56rem, calc(2.87vw + .99rem) , 3.5rem);--space-2xl: clamp(1.95rem, calc(4.44vw + 1.07rem) , 4.95rem);--space-3xl: clamp(2.44rem, calc(6.75vw + 1.09rem) , 7rem);--space-4xl: clamp(3.05rem, calc(10.13vw + 1.02rem) , 9.89rem);--max-width: 1200px;--max-width-narrow: 720px;--max-width-wide: 1400px;--gutter: var(--space-l);--sidebar-width: 260px;--toc-width: 220px;--content-max-width: 720px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono/JetBrainsMono-Medium.woff2) format("woff2")}@font-face{font-family:Freigeist;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/freigeist/Freigeist-LightItalic.woff2) format("woff2"),url(/fonts/freigeist/Freigeist-LightItalic.woff) format("woff")}@font-face{font-family:Freigeist;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/freigeist/Freigeist-RegularItalic.woff2) format("woff2"),url(/fonts/freigeist/Freigeist-RegularItalic.woff) format("woff")}@font-face{font-family:Freigeist;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/freigeist/Freigeist-Medium.woff2) format("woff2"),url(/fonts/freigeist/Freigeist-Medium.woff) format("woff")}@font-face{font-family:Freigeist;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/freigeist/Freigeist-Bold.woff2) format("woff2"),url(/fonts/freigeist/Freigeist-Bold.woff) format("woff")}@font-face{font-family:PP Cirka;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/cirka/PPCirka-Light.woff2) format("woff2"),url(/fonts/cirka/PPCirka-Light.woff) format("woff")}@font-face{font-family:PP Cirka;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cirka/PPCirka-Regular.woff2) format("woff2"),url(/fonts/cirka/PPCirka-Regular.woff) format("woff")}@font-face{font-family:PP Cirka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cirka/PPCirka-Bold.woff2) format("woff2"),url(/fonts/cirka/PPCirka-Bold.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-body);font-size:var(--text-m);line-height:1.6;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}img,video,canvas{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}::selection{background:#af47ff59;color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.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}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:200;background:radial-gradient(ellipse 80% 80% at 50% 100%,#fff,#ffffff8c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.2em;margin-bottom:-.2em}h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong,h4 b,h4 strong,h5 b,h5 strong,h6 b,h6 strong,h1.text-bold,h2.text-bold,h3.text-bold,h4.text-bold,h5.text-bold,h6.text-bold{background:none;-webkit-text-fill-color:rgb(255,255,255);color:#fff}h1{font-size:var(--text-4xl);letter-spacing:-.015em;line-height:1}h2{font-size:var(--text-3xl);letter-spacing:-.015em;line-height:1.05}h3{font-size:var(--text-2xl);letter-spacing:-.01em;line-height:1.2}h4{font-size:var(--text-xl);letter-spacing:-.01em;line-height:1.3}h5{font-size:var(--text-l);letter-spacing:-.005em;line-height:1.4}h6{font-size:var(--text-m);letter-spacing:0;line-height:1.4}p{color:var(--text-muted);line-height:1.7;font-size:var(--text-m)}.light{font-weight:300;color:var(--text-muted)}.light-italic{font-weight:300;font-style:italic;color:var(--text-muted)}.gradient-text{background:radial-gradient(50% 150% at 50% 0px,#fff 60%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-brand{background:linear-gradient(155deg,var(--accent-2) -3%,var(--accent-2-light) 94%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eyebrow{display:block;font-size:var(--text-xs);font-weight:500;color:var(--accent-2-light);letter-spacing:.08em;text-transform:uppercase;line-height:1}.section-title{letter-spacing:-.02em;line-height:1.1}.subtitle{font-size:var(--text-l);color:var(--text-muted);line-height:1.6;font-weight:400;max-width:540px;margin-inline:auto}.section-label{font-size:var(--text-s);font-weight:600;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;line-height:1}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-italic{font-style:italic}.text-highlight{color:var(--accent-2-light)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:var(--text-s)}.text-xs{font-size:var(--text-xs)}.text-highlight-gradient{background:linear-gradient(135deg,var(--accent-2),var(--accent-2-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:500;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast) ease;text-decoration:none;white-space:nowrap;border:none;background:transparent;color:var(--text-primary);line-height:1;gap:var(--space-2xs)}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--bg-body),0 0 0 4px var(--accent-2)}.btn-primary{color:#fff;text-shadow:0 0 12px rgba(79,178,246,.5);box-shadow:#4fb2f61f 0 4px 40px,#00000040 0 -1px 24px inset,#ffffff14 0 0 5px 4px inset,inset 0 -3px 0 -1px #0000007a;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:before{pointer-events:none;content:"";position:absolute;top:-20%;left:20%;display:block;width:60%;height:120%;border-radius:var(--radius-pill);background:radial-gradient(#c24bc2,#32acb3,#26a2bf 60%,#219fa3);filter:blur(22px);-webkit-filter:blur(22px);transition:all .4s ease;z-index:-1}.btn-primary:after{pointer-events:none;content:"";position:absolute;inset:0;border-radius:var(--radius-pill);padding:1px;background:linear-gradient(83deg,#ffffff1a,#c8cdd55e 20%,#ffffff7f 45%,#1d1d1d,#000 85%,#a2c6e4);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);filter:blur(1px);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;z-index:1}.btn-secondary{background-color:#ffffff14;color:var(--text-muted);position:relative;overflow:hidden}.btn-secondary:hover:not(:disabled){background-color:#ffffff1f;color:var(--text-primary)}.btn-secondary:after{pointer-events:none;content:"";position:absolute;inset:0;border-radius:var(--radius-pill);padding:1px;background:conic-gradient(from 0deg at 50% 50%,#ffffff59,#ffffff0f 60deg 140deg,#ffffff59 180deg,#ffffff0f 240deg 320deg,#ffffff59 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;z-index:0}.btn-ghost{background-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background-color:#ffffff0d;color:var(--text-muted)}.btn-danger{background-color:#f871711f;color:#f87171}.btn-danger:hover:not(:disabled){background-color:#f871712e}.btn-sm{height:calc(2 * var(--space-3xs) + var(--text-s));padding:0 var(--space-xs);font-size:var(--text-s);gap:var(--space-4xs)}.btn-md{height:calc(2 * var(--space-2xs) + var(--text-s));padding:0 var(--space-s);font-size:var(--text-s);gap:var(--space-3xs)}.btn-lg{height:calc(2 * var(--space-xs) + var(--text-m));padding:0 var(--space-m);font-size:var(--text-m);gap:var(--space-2xs)}.btn-block{width:100%}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-3xs)}.input-label{font-size:var(--text-s);font-weight:500;color:var(--text-muted)}.input{width:100%;appearance:none;-webkit-appearance:none;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-weight:500;line-height:1;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease;outline:none}.input::placeholder{color:var(--text-dim);opacity:.6;line-height:1}.input:hover{border-color:var(--border-hover);background:#16182ad9}.input:focus{border-color:var(--accent-2);background:#1e2034;box-shadow:none}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:#f87171}.input-error-msg{font-size:var(--text-xs);color:#f87171}.input-sm{height:calc(2 * var(--space-3xs) + var(--text-s));padding:0 var(--space-xs);font-size:var(--text-s)}.input-md{height:calc(2 * var(--space-2xs) + var(--text-s));padding:0 var(--space-s);font-size:var(--text-s)}.input-lg{height:calc(2 * var(--space-xs) + var(--text-m));padding:0 var(--space-m);font-size:var(--text-m)}.card{border-radius:var(--radius-lg);position:relative;transition:transform var(--duration-normal) var(--ease-out-quart)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg at 50% 50%,#ffffff59,#ffffff0f 60deg 140deg,#ffffff59 180deg,#ffffff0f 240deg 320deg,#ffffff59 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0}.card>*{position:relative;z-index:1}.card-dark{background:linear-gradient(0deg,#080a1d,#17192d);box-shadow:inset 0 0 50px #030516}.card-alt{background:linear-gradient(0deg,#080a1d,#0a172f);box-shadow:inset 0 0 50px #20bdd126}.card-surface{background:var(--bg-surface)}.card-featured{background:linear-gradient(160deg,rgba(175,71,255,.08) 0%,var(--bg-card-dark) 50%)}.card-featured:before{background:conic-gradient(from 0deg at 50% 50%,#af47ff80,#af47ff1a 60deg 140deg,#af47ff80 180deg,#af47ff1a 240deg 320deg,#af47ff80 360deg)}.card-featured:hover:before{background:conic-gradient(from 0deg at 50% 50%,#af47ffb3,#af47ff26 60deg 140deg,#af47ffb3 180deg,#af47ff26 240deg 320deg,#af47ffb3 360deg)}.card-hover-lift:hover{transform:translateY(-3px)}.card-pad-sm{padding:var(--space-s)}.card-pad-md{padding:var(--space-m)}.card-pad-lg{padding:var(--space-l)}.card-rounded-xl{border-radius:var(--radius-xl)}.badge{display:inline-flex;align-items:center;gap:var(--space-4xs);font-family:var(--font-body);font-size:var(--text-xs);font-weight:300;text-transform:uppercase;line-height:1;padding:var(--space-4xs) var(--space-xs);border-radius:var(--radius-pill);white-space:nowrap}.badge-purple{background:linear-gradient(0deg,rgb(255 91 222 / 11%),transparent);color:var(--accent-2-light)}.badge-green{background:#4ade801a;color:#4ade80}.badge-neutral{background:#ffffff0a;border-color:var(--border-subtle);color:var(--text-dim)}.badge-danger{background:#f871711a;border-color:#f8717133;color:#f87171}.badge-sm{font-size:var(--text-xs);padding:var(--space-4xs) var(--space-2xs)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.container-wide{width:100%;max-width:var(--max-width-wide);margin-inline:auto;padding-inline:var(--gutter)}.container-narrow{width:100%;max-width:var(--max-width-narrow);margin-inline:auto;padding-inline:var(--gutter)}.mt-4xs{margin-top:var(--space-4xs)}.mt-3xs{margin-top:var(--space-3xs)}.mt-2xs{margin-top:var(--space-2xs)}.mt-xs{margin-top:var(--space-xs)}.mt-s{margin-top:var(--space-s)}.mt-m{margin-top:var(--space-m)}.mt-l{margin-top:var(--space-l)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.mt-4xl{margin-top:var(--space-4xl)}.mb-4xs{margin-bottom:var(--space-4xs)}.mb-3xs{margin-bottom:var(--space-3xs)}.mb-2xs{margin-bottom:var(--space-2xs)}.mb-xs{margin-bottom:var(--space-xs)}.mb-s{margin-bottom:var(--space-s)}.mb-m{margin-bottom:var(--space-m)}.mb-l{margin-bottom:var(--space-l)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.mx-auto{margin-left:auto;margin-right:auto}.gap-4xs{gap:var(--space-4xs)}.gap-3xs{gap:var(--space-3xs)}.gap-2xs{gap:var(--space-2xs)}.gap-xs{gap:var(--space-xs)}.gap-s{gap:var(--space-s)}.gap-m{gap:var(--space-m)}.gap-l{gap:var(--space-l)}.gap-xl{gap:var(--space-xl)}.max-w-narrow{max-width:var(--max-width-narrow)}.max-w-default{max-width:var(--max-width)}.max-w-wide{max-width:var(--max-width-wide)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.section{position:relative;padding:var(--space-4xl) 0}.section-header{display:grid;gap:var(--space-s)}.section-bg{position:absolute;inset:0;pointer-events:none}.section-inner{position:relative;z-index:1}.link-arrow{font-weight:500;color:var(--text-muted);display:inline-flex;align-items:center;gap:var(--space-3xs);transition:color .2s ease,gap .2s ease}.link-arrow:hover{color:var(--text-primary);gap:var(--space-xs)}
