@charset "UTF-8";:root{color-scheme:dark;--color-bg: #0e0e14;--color-surface: #141420;--color-surface-soft: #1a1a24;--color-border: rgba(243, 243, 243, .08);--color-border-soft: rgba(243, 243, 243, .04);--color-purple: #6f4bff;--color-purple-light: #8b6fff;--color-purple-soft: #c7b9ff;--color-purple-dark: #5c3dcc;--color-text: #f3f3f3;--color-text-secondary: #c0c0c9;--color-muted: #9a9aa6;--color-muted-dark: #6d6d77;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-family: "Exo 2", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-width-thin: 1px;--border-width-normal: 2px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 30px rgba(111, 75, 255, .2);--transition-fast: .15s ease;--transition-normal: .22s ease;--transition-slow: .3s ease;--bp-xs: 320px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--color-primary: var(--color-purple);--color-primary-light: var(--color-purple-light);--color-primary-soft: var(--color-purple-soft);--color-primary-dark: var(--color-purple-dark);--color-text-light: #ffffff;--color-danger: #ef4444;--color-accent: var(--color-purple);--color-success-text: #34d399;--nav-border: rgba(243, 243, 243, .1);--chip-border: rgba(243, 243, 243, .22);--input-bg: rgba(10, 10, 16, .72);--code-inline-bg: rgba(255, 255, 255, .08);--link-underline: rgba(199, 185, 255, .45);--btn-secondary-border: rgba(243, 243, 243, .3);--btn-secondary-hover-bg: rgba(243, 243, 243, .06);--card-shadow: none;--nav-shadow: none;--hover-border: rgba(111, 75, 255, .55);--hero-ambient: radial-gradient(circle at 10% 20%, rgba(111, 75, 255, .27), transparent 40%), radial-gradient(circle at 86% 84%, rgba(111, 75, 255, .16), transparent 42%), repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 3px), linear-gradient(180deg, #10101a 0%, #09090f 70%);--page-hero-ambient: radial-gradient(circle at 70% 30%, rgba(111, 75, 255, .18), transparent 50%), linear-gradient(180deg, #0c0c16 0%, #09090f 100%);--nav-bg: rgba(12, 12, 18, .9);--nav-menu-bg: rgba(16, 16, 24, .98);--card-bg: linear-gradient(180deg, rgba(26, 26, 38, .96), rgba(17, 17, 26, .96));--panel-bg: rgba(20, 20, 32, .6);--footer-bg: linear-gradient(180deg, var(--color-bg) 0%, #09090f 100%);--chip-bg: rgba(14, 14, 20, .86);--scroll-top-bg: rgba(14, 14, 20, .92);--ghost-hover-text: #d8cdff;--btn-ghost-border: rgba(243, 243, 243, .22)}[data-theme=light]{color-scheme:light;--color-bg: #f4f1fa;--color-surface: #ffffff;--color-surface-soft: #ebe7f4;--color-border: rgba(28, 22, 48, .22);--color-border-soft: rgba(28, 22, 48, .14);--color-text: #1a1628;--color-text-secondary: #2e2940;--color-muted: #3d3850;--color-muted-dark: #4f4863;--color-purple: #4a27c9;--color-purple-light: #3d1fb0;--color-purple-soft: #3d1fb0;--color-purple-dark: #2f168c;--color-primary: var(--color-purple);--color-primary-light: var(--color-purple-light);--color-primary-soft: #ece7ff;--color-primary-dark: var(--color-purple-dark);--color-text-light: #ffffff;--color-accent: var(--color-purple);--color-success: #047857;--color-warning: #b45309;--color-error: #b91c1c;--color-info: #1d4ed8;--color-success-text: #047857;--nav-border: rgba(28, 22, 48, .18);--chip-border: rgba(28, 22, 48, .22);--input-bg: #ffffff;--code-inline-bg: rgba(28, 22, 48, .08);--link-underline: rgba(61, 31, 176, .5);--btn-secondary-border: rgba(28, 22, 48, .28);--btn-secondary-hover-bg: rgba(74, 39, 201, .08);--card-shadow: var(--shadow-md);--nav-shadow: var(--shadow-sm);--hover-border: var(--color-purple);--hero-ambient: radial-gradient(circle at 12% 18%, rgba(74, 39, 201, .14), transparent 42%), radial-gradient(circle at 88% 80%, rgba(74, 39, 201, .1), transparent 46%), linear-gradient(180deg, #ece7f8 0%, #f4f1fa 72%);--page-hero-ambient: radial-gradient(circle at 70% 28%, rgba(74, 39, 201, .12), transparent 52%), linear-gradient(180deg, #e8e3f6 0%, #f4f1fa 100%);--nav-bg: rgba(244, 241, 250, .94);--nav-menu-bg: #ffffff;--card-bg: #ffffff;--panel-bg: #ffffff;--footer-bg: #ece7f8;--chip-bg: rgba(255, 255, 255, .94);--scroll-top-bg: #ffffff;--ghost-hover-text: var(--color-purple-dark);--btn-ghost-border: rgba(28, 22, 48, .28);--shadow-sm: 0 1px 2px 0 rgba(28, 22, 48, .08);--shadow-md: 0 4px 10px -1px rgba(28, 22, 48, .12);--shadow-lg: 0 12px 24px -8px rgba(28, 22, 48, .16);--shadow-xl: 0 20px 32px -10px rgba(28, 22, 48, .18);--shadow-2xl: 0 24px 48px -12px rgba(28, 22, 48, .2);--shadow-glow: 0 0 24px rgba(74, 39, 201, .12)}[data-contrast=high]{--border-width-normal: 3px;--color-text: #000000;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-purple: #000000;--color-purple-dark: #000000;--color-text-secondary: #000000;--color-muted: #000000;--color-border: #000000}[data-contrast=high] a{text-decoration:underline;text-decoration-thickness:2px}[data-contrast=high] button{border:3px solid currentColor;font-weight:700}[data-contrast=high] input,[data-contrast=high] textarea,[data-contrast=high] select{border:3px solid #000000}[data-theme=dark]{color-scheme:dark;--color-bg: #0e0e14;--color-surface: #141420;--color-surface-soft: #1a1a24;--color-text: #f3f3f3;--color-text-secondary: #c0c0c9;--color-muted: #9a9aa6;--color-muted-dark: #6d6d77}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);text-wrap:pretty;scroll-behavior:smooth;line-height:var(--lh-normal)}img{max-width:100%;display:block;height:auto}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-md);font-weight:var(--font-bold);line-height:var(--lh-tight);letter-spacing:-.02em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-top:0;margin-bottom:var(--space-md);line-height:var(--lh-normal)}a{color:var(--color-purple);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-purple-light)}a:active{color:var(--color-purple-dark)}input,textarea,select{font:inherit;padding:var(--space-md);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-purple);box-shadow:0 0 0 3px #6f4bff1a}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-muted)}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--border-radius-md);padding:var(--space-md) var(--space-lg);font-weight:var(--font-semibold);transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}ul,ol{margin-top:0;margin-bottom:var(--space-md);padding-left:var(--space-lg)}li{margin-bottom:var(--space-sm)}blockquote{margin:var(--space-lg) 0;padding-left:var(--space-lg);border-left:var(--border-width-normal) solid var(--color-purple);color:var(--color-muted);font-style:italic}code,pre{font-family:Monaco,Courier New,monospace;background:var(--color-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);font-size:var(--text-sm)}pre{overflow-x:auto;padding:var(--space-lg);margin:var(--space-lg) 0}table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0}td,th{padding:var(--space-md);text-align:left;border-bottom:var(--border-width-thin) solid var(--color-border)}th{background:var(--color-surface);font-weight:var(--font-bold);color:var(--color-purple)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.68rem 1.4rem;border-radius:999px;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.02em;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--transition-normal);border:1px solid transparent}.btn:focus-visible{outline:2px solid var(--color-purple);outline-offset:3px}.btn--primary{background:var(--color-purple);color:#fff;border-color:var(--color-purple)}.btn--primary:hover{background:var(--color-purple-light);border-color:var(--color-purple-light);color:#fff;box-shadow:0 0 24px #6f4bff59}.btn--primary:active{background:var(--color-purple-dark);border-color:var(--color-purple-dark)}.btn--secondary{background:transparent;color:var(--color-text);border-color:var(--btn-secondary-border)}.btn--secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--color-purple);color:var(--color-text)}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--btn-ghost-border)}.btn--ghost:hover{background:#4a27c91a;border-color:var(--color-purple);color:var(--ghost-hover-text)}.btn--sm{padding:.4rem .9rem;font-size:var(--text-xs)}.btn--lg{padding:.9rem 2rem;font-size:var(--text-base)}.badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.badge--purple{background:#6f4bff26;color:var(--color-purple-soft);border:1px solid rgba(111,75,255,.3)}.badge--muted{background:#9a9aa61a;color:var(--color-muted);border:1px solid rgba(154,154,166,.2)}.badge--success{background:#10b9811a;color:var(--color-success-text);border:1px solid rgba(16,185,129,.2)}.section{padding:clamp(3rem,7vw,6rem) var(--space-lg);max-width:1280px;margin:0 auto}.section--narrow{max-width:860px}.section--full{max-width:none}.grid-2{display:grid;gap:var(--space-xl)}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{display:grid;gap:var(--space-xl)}@media(min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}