:root{--color-brand: #4f46e5;--color-brand-700: #4338ca;--color-accent: #06b6d4;--color-accent-700: #0e7490;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-bg: #0b1020;--color-surface: #121833;--color-elev-1: #182043;--color-elev-2: #1f2a60;--color-text: #e6e8f2;--color-text-muted: #aab0c6;--color-border: #263056;--gradient-hero: linear-gradient(135deg, var(--color-brand), var(--color-accent));--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xxl: clamp(2.2rem, 5vw, 4rem);--text-xl: clamp(1.6rem, 3vw, 2.4rem);--text-lg: 1.25rem;--text-md: 1rem;--text-sm: .875rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 10px rgba(0,0,0,.25);--shadow-md: 0 10px 30px rgba(0,0,0,.35);--shadow-lg: 0 30px 60px rgba(0,0,0,.45);--btn-bg: var(--color-brand);--btn-bg-hover: var(--color-brand-700);--btn-text: #fff;--card-bg: var(--color-elev-1);--card-border: var(--color-border)}.theme-light{--color-bg: #f6f8ff;--color-surface: #ffffff;--color-elev-1: #f0f3ff;--color-elev-2: #e9edff;--color-text: #0e1330;--color-text-muted: #4b5271;--color-border: #d7dbf5}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(1200px 600px at 80% -10%,rgba(79,70,229,.2),transparent 60%),var(--color-bg)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin-inline:auto;padding:0 var(--space-6)}.button{display:inline-flex;align-items:center;gap:var(--space-2);padding:.8rem 1.1rem;border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-text);border:1px solid transparent;box-shadow:var(--shadow-sm);transition:transform .08s ease,background .15s ease}.button:hover{background:var(--btn-bg-hover);transform:translateY(-1px)}.button.ghost{background:transparent;color:var(--color-text);border-color:var(--card-border)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.header{position:sticky;top:0;z-index:10;background:#0c122db3;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.nav{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) 0}.nav a{color:var(--color-text);font-weight:600}.nav a.active{color:var(--color-accent)}.hero{padding:var(--space-16) 0 var(--space-12);background:radial-gradient(800px 400px at 10% -10%,rgba(6,182,212,.18),transparent 60%),var(--gradient-hero);color:#fff;border-bottom-left-radius:56px;border-bottom-right-radius:56px;box-shadow:var(--shadow-md)}.hero h1{font-size:var(--text-xxl);letter-spacing:-.02em;margin:0 0 var(--space-4) 0}.hero p{font-size:var(--text-lg);max-width:60ch}.grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.footer{padding:var(--space-12) 0 var(--space-6);color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-top:var(--space-16)}.mt-4{margin-top:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.center{display:grid;place-items:center}.badge{display:inline-block;padding:.35rem .6rem;border-radius:999px;background:#06b6d429;border:1px solid rgba(6,182,212,.35);color:#9de5f1;font-size:var(--text-sm);font-weight:600}