:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-red:#e7242a;--brand-red-600:#c81c22;--brand-red-700:#a5121a;--brand-red-300:#ff5b5f;--brand-red-050:#fff2f2;--brand-ink:#0e0f12;--brand-paper:#fff;--brand-gradient:linear-gradient(100deg, #ff4b52, var(--brand-red) 52%, #a5121a);--accent:#e7242a;--accent-600:#c81c22;--accent-glow:#e7242a4d;--bg:#f5f6f8;--bg-2:#fff;--surface:#fff;--surface-2:#f2f3f6;--surface-3:#e7e9ee;--elevated:#fff;--ink:#0c0d11;--ink-2:#14161d;--ink-3:#212633;--on-ink:#f4f5f7;--on-ink-muted:#a3aab8;--ink-border:#ffffff1a;--border:#1118271a;--border-strong:#1118272e;--hairline:#11182712;--text:#14161c;--text-muted:#565d6b;--text-dim:#8b93a1;--text-inverse:#fff;--success:#10b981;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--diff-beginner:#059669;--diff-intermediate:#b45309;--diff-advanced:#dc2626;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 10px 24px -12px #1018282e;--shadow-lg:0 28px 60px -24px #10182838;--shadow-glow:0 12px 34px -12px var(--accent-glow);--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", "Courier New", monospace;--fs-xs:.78rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:clamp(1.05rem, 1rem + .3vw, 1.2rem);--fs-lg:clamp(1.25rem, 1.1rem + .7vw, 1.6rem);--fs-xl:clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);--fs-2xl:clamp(2.1rem, 1.6rem + 2.6vw, 3.6rem);--fs-3xl:clamp(2.6rem, 1.8rem + 4.2vw, 5rem);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--sp-10:8rem;--container:1060px;--container-wide:1280px;--container-narrow:720px;--header-h:70px;--ease:cubic-bezier(.22, 1, .36, 1);--ring:0 0 0 3px #e7242a59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:13.5px}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-base);color:var(--text);background-color:var(--bg);overflow-wrap:break-word;background-image:radial-gradient(1100px 620px at 88% -12%,#e7242a0f,#0000 60%),radial-gradient(820px 480px at -5% 0,#e7242a0b,#0000 55%);background-attachment:fixed;line-height:1.65}img,picture,svg,video,canvas{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:target{scroll-margin-top:calc(var(--header-h) + 1rem)}:focus-visible{box-shadow:var(--ring);border-radius:var(--r-xs);outline:none}::selection{color:#fff;background:#e7242a52}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--r-full);background-clip:padding-box;border:2px solid #0000}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);text-wrap:balance;font-weight:600;line-height:1.1}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{text-wrap:pretty}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}strong{color:var(--text);font-weight:650}small{font-size:var(--fs-sm)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.container-wide{max-width:var(--container-wide)}.container-narrow{max-width:var(--container-narrow)}.section{padding-block:clamp(3rem,5.5vw,5rem)}.section-sm{padding-block:clamp(2.25rem,4vw,3.25rem)}.stack>*+*{margin-top:var(--sp-4)}.grid{gap:var(--sp-5);display:grid}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);opacity:.7;width:22px;height:1px}.gradient-text{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.section-title{font-size:var(--fs-2xl)}.section-lead{color:var(--text-muted);font-size:var(--fs-md);max-width:60ch}.btn{--btn-bg:var(--surface-2);--btn-fg:var(--text);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);letter-spacing:.01em;border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;transition:transform .18s var(--ease), box-shadow .25s var(--ease), background .2s var(--ease), border-color .2s var(--ease), opacity .2s;will-change:transform;text-align:center;justify-content:center;align-items:center;gap:.55rem;padding:.72rem 1.3rem;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn svg{width:1.1em;height:1.1em}.btn-primary{--btn-fg:var(--text-inverse);background:linear-gradient(180deg, #ff3a40, var(--accent));box-shadow:var(--shadow-glow);border-color:#0000}.btn-primary:hover{box-shadow:0 0 0 1px var(--accent), 0 18px 46px -14px var(--accent-glow)}.btn-ghost{border-color:var(--border-strong);background:0 0}.btn-ghost:hover{background:var(--surface);border-color:var(--accent)}.btn-lg{font-size:var(--fs-base);padding:.95rem 1.7rem}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);position:relative}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.badge{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;align-items:center;gap:.4rem;padding:.3rem .7rem;font-weight:500;display:inline-flex}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.is-beginner{color:var(--diff-beginner);border-color:color-mix(in srgb, var(--diff-beginner) 40%, transparent)}.badge.is-intermediate{color:var(--diff-intermediate);border-color:color-mix(in srgb, var(--diff-intermediate) 40%, transparent)}.badge.is-advanced{color:var(--diff-advanced);border-color:color-mix(in srgb, var(--diff-advanced) 40%, transparent)}.chip{font-size:var(--fs-sm);border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);align-items:center;gap:.4rem;padding:.35rem .75rem;display:inline-flex}.field{flex-direction:column;gap:.45rem;display:flex}.label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:550}.input,.textarea,.select{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;color:var(--text);padding:.75rem .9rem;transition:border-color .2s,box-shadow .2s}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e7242a33}.textarea{resize:vertical;min-height:120px}.field-hint{font-size:var(--fs-xs);color:var(--text-dim)}.field-error{font-size:var(--fs-xs);color:var(--danger)}.prose{color:var(--text-muted);line-height:1.75}.prose>*+*{margin-top:1.1em}.prose h2{font-size:var(--fs-xl);color:var(--text);margin-top:2em}.prose h3{font-size:var(--fs-lg);color:var(--text);margin-top:1.6em}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose ul{padding-left:1.3em;list-style:outside}.prose ol{padding-left:1.3em;list-style:decimal}.prose li{margin-top:.4em}.prose code{background:var(--brand-red-050);border-radius:var(--r-xs);border:1px solid color-mix(in srgb, var(--brand-red) 20%, transparent);color:var(--brand-red-600);padding:.15em .4em}.prose pre{background:var(--ink);color:var(--on-ink);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.2rem;overflow-x:auto}.prose pre code{color:var(--on-ink);background:0 0;border:none;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-muted);padding-left:1rem;font-style:italic}.prose img{border-radius:var(--r-md);border:1px solid var(--border)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--font-mono)}.center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.wrap{flex-wrap:wrap}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.divider{background:var(--border);border:0;height:1px}.full-bleed{width:100%}.cols-auto{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.cols-2{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.cols-3{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.cols-3{grid-template-columns:1fr 1fr}}@media (width<=640px){.cols-2,.cols-3{grid-template-columns:1fr}}.grid-bg{background-image:linear-gradient(var(--hairline) 1px, transparent 1px), linear-gradient(90deg, var(--hairline) 1px, transparent 1px);background-size:44px 44px}[data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:none}.toast-wrap{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;inset-block-end:1.25rem;inset-inline:0}.toast{pointer-events:auto;border-radius:var(--r-md);background:var(--elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);max-width:min(90vw,420px);padding:.8rem 1.1rem}.toast.is-error{border-color:color-mix(in srgb, var(--danger) 50%, transparent)}.toast.is-success{border-color:color-mix(in srgb, var(--success) 50%, transparent)}@media (width<=640px){.section{padding-block:clamp(2.25rem,7vw,3.25rem)}.section-sm{padding-block:1.75rem}.container{padding-inline:1rem}h1{font-size:clamp(2rem,8vw,2.6rem)}h2{font-size:clamp(1.55rem,6vw,2.1rem)}.section-title{font-size:clamp(1.5rem,6vw,2rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}