:root,[data-theme=dark]{--bg-app: #0e0e1a;--bg-panel: #16162a;--bg-panel-secondary: #1e1e3a;--bg-input: #2a2a4a;--bg-hover: #2a2a4a;--border: #2a2a4a;--text-primary: #e8e8f0;--text-secondary: #9090b0;--text-disabled: #505070;--accent: #4ecdc4;--accent-hover: #3dbdb4;--accent-dim: rgba(78, 205, 196, .1);--accent-text: #0a0a16;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px}[data-theme=light]{--bg-app: #d8d8e8;--bg-panel: #e8e8f4;--bg-panel-secondary: #f0f0f8;--bg-input: #d8d8ec;--bg-hover: #dcdcf0;--border: #c8c8dc;--text-primary: #1a1a2e;--text-secondary: #505070;--text-disabled: #909090;--accent: #2a9d8f;--accent-hover: #1a8d7f;--accent-dim: rgba(42, 157, 143, .1);--accent-text: #ffffff;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px}[data-theme=gruvbox]{--bg-app: #1d2021;--bg-panel: #282828;--bg-panel-secondary: #32302f;--bg-input: #3c3836;--bg-hover: #3c3836;--border: #3c3836;--text-primary: #ebdbb2;--text-secondary: #a89984;--text-disabled: #665c54;--accent: #8ec07c;--accent-hover: #7ab06a;--accent-dim: rgba(142, 192, 124, .12);--accent-text: #1d2021;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-app);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}.container{max-width:1160px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;border-radius:var(--radius-sm);font-weight:550;font-size:.85rem;text-decoration:none;transition:background .15s,border-color .15s;cursor:pointer;border:none;font-family:inherit;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-full{width:100%;justify-content:center}.section-head{text-align:center;margin-bottom:4rem}.section-head h2{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-.04em;color:var(--text-primary)}