:root{--font-family: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SFMono-Regular", Consolas, Menlo, monospace;--surface-canvas: #0a0e17;--surface-card: rgb(17 24 39 / 80%);--surface-card-hover: rgb(31 41 55 / 85%);--surface-elevated: #1e293b;--surface-header: rgb(10 14 23 / 85%);--surface-input: #0f172a;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-on-accent: #fff;--border-subtle: rgb(75 85 99 / 40%);--border-default: #334155;--border-focus: #38bdf8;--focus-ring: rgb(56 189 248 / 25%);--accent-primary: #38bdf8;--accent-hover: #0284c7;--accent-subtle: rgb(56 189 248 / 15%);--status-success-bg: rgb(34 197 94 / 15%);--status-success-border: rgb(34 197 94 / 40%);--status-success-text: #86efac;--status-error-bg: rgb(239 68 68 / 15%);--status-error-border: rgb(239 68 68 / 40%);--status-error-text: #fca5a5;--status-warning-bg: rgb(245 158 11 / 15%);--status-warning-border: rgb(245 158 11 / 35%);--status-warning-text: #fbbf24;--shadow-card: 0 10px 25px -5px rgb(0 0 0 / 50%), 0 8px 10px -6px rgb(0 0 0 / 50%);--shadow-drawer: 0 20px 25px -5px rgb(0 0 0 / 50%), 0 8px 10px -6px rgb(0 0 0 / 30%);--bg-primary: var(--surface-canvas);--bg-secondary: #111827;--bg-card: var(--surface-card);--bg-card-hover: var(--surface-card-hover);--bg-surface: var(--surface-canvas);--card-bg: var(--surface-card);--card-border: var(--border-subtle);--border-color: var(--border-subtle);--input-bg: var(--surface-input);--accent-color: var(--accent-primary);--accent-light: var(--accent-primary);--badge-bg: var(--accent-subtle);--badge-text: var(--accent-primary);--card-shadow: var(--shadow-card);--header-bg: var(--surface-header)}html[data-theme=light]{--surface-canvas: #f8fafc;--surface-card: rgb(255 255 255 / 95%);--surface-card-hover: #f1f5f9;--surface-elevated: #fff;--surface-header: rgb(248 250 252 / 85%);--surface-input: #fff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-on-accent: #fff;--border-subtle: rgb(203 213 225 / 80%);--border-default: #cbd5e1;--border-focus: #0284c7;--focus-ring: rgb(2 132 199 / 20%);--accent-primary: #0284c7;--accent-hover: #0369a1;--accent-subtle: rgb(2 132 199 / 10%);--status-success-bg: rgb(220 252 231 / 90%);--status-success-border: rgb(134 239 172 / 80%);--status-success-text: #15803d;--status-error-bg: rgb(254 242 242 / 95%);--status-error-border: rgb(252 165 165 / 80%);--status-error-text: #b91c1c;--status-warning-bg: rgb(254 243 199 / 90%);--status-warning-border: rgb(252 211 77 / 80%);--status-warning-text: #92400e;--shadow-card: 0 10px 25px -5px rgb(15 23 42 / 8%), 0 8px 10px -6px rgb(15 23 42 / 4%);--shadow-drawer: 0 20px 25px -5px rgb(15 23 42 / 15%), 0 8px 10px -6px rgb(15 23 42 / 10%);--bg-primary: var(--surface-canvas);--bg-secondary: #fff;--bg-card: var(--surface-card);--bg-card-hover: var(--surface-card-hover);--bg-surface: var(--surface-canvas);--card-bg: var(--surface-card);--card-border: var(--border-subtle);--border-color: var(--border-subtle);--input-bg: var(--surface-input);--accent-color: var(--accent-primary);--accent-light: var(--accent-primary);--badge-bg: var(--accent-subtle);--badge-text: #0369a1;--card-shadow: var(--shadow-card);--header-bg: var(--surface-header)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary)}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width:640px){.container{padding:0 1rem}}