:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--bg-base: #fafafb;--bg-surface: #ffffff;--bg-subtle: #f3f3f6;--bg-hover: #ececf1;--bg-nav-glass: rgba(250, 250, 251, .85);--text-primary: #16161a;--text-secondary: #55555f;--text-muted: #8b8b95;--border: #e6e6eb;--border-focus: #6c4cf6;--accent: #6c4cf6;--accent-hover: #5a3ae0;--accent-subtle: #f0edfe;--accent-text: #ffffff;--accent-gradient: linear-gradient(135deg, #6c4cf6 0%, #9d6bff 100%);--success: #15803d;--success-bg: #f0fdf4;--success-text: #166534;--warning: #b45309;--warning-bg: #fffbeb;--warning-text: #92400e;--danger: #b91c1c;--danger-bg: #fef2f2;--danger-text: #991b1b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--touch-target: 44px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(22, 22, 26, .05);--shadow-md: 0 8px 24px -8px rgba(22, 22, 26, .12), 0 2px 6px -2px rgba(22, 22, 26, .06);--shadow-lg: 0 24px 48px -16px rgba(22, 22, 26, .18), 0 4px 12px -4px rgba(22, 22, 26, .08);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .2s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-base: #0d0d10;--bg-surface: #16161a;--bg-subtle: #1e1e24;--bg-hover: #26262e;--bg-nav-glass: rgba(13, 13, 16, .85);--text-primary: #fafafa;--text-secondary: #a7a7b0;--text-muted: #6e6e78;--border: #26262c;--border-focus: #a78bfa;--accent: #a78bfa;--accent-hover: #bba3ff;--accent-subtle: rgba(167, 139, 250, .13);--accent-text: #1b1035;--accent-gradient: linear-gradient(135deg, #a78bfa 0%, #c4b0ff 100%);--success: #22c55e;--success-bg: #052e16;--success-text: #4ade80;--warning: #f59e0b;--warning-bg: #451a03;--warning-text: #fcd34d;--danger: #ef4444;--danger-bg: #450a0a;--danger-text: #fca5a5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px -8px rgba(0, 0, 0, .55), 0 2px 6px -2px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 48px -16px rgba(0, 0, 0, .65), 0 4px 12px -4px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}input,button,select,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button,input[type=button],input[type=submit],select,.btn{min-height:var(--touch-target);min-width:var(--touch-target)}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 var(--space-4)}.input-field{width:100%;height:var(--touch-target);padding:0 var(--space-3);background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle)}.input-field[aria-invalid=true]{border-color:var(--danger)}.btn-primary{height:var(--touch-target);padding:0 var(--space-5);background-color:var(--accent);color:var(--accent-text);border:1px solid transparent;border-radius:var(--radius);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{height:var(--touch-target);padding:0 var(--space-4);background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--text-muted)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{height:var(--touch-target);padding:0 var(--space-3);background:none;color:var(--text-secondary);border:none;border-radius:var(--radius);font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.btn-ghost:hover{color:var(--text-primary);background-color:var(--bg-subtle)}.error-banner{padding:var(--space-3);border-radius:var(--radius);background-color:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger);font-size:13px;display:flex;align-items:flex-start;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-2)}.section-heading{font-size:clamp(26px,4vw,38px);font-weight:750;letter-spacing:-.03em;color:var(--text-primary);line-height:1.15}.section-subtext{font-size:clamp(15px,2vw,17px);color:var(--text-secondary);line-height:1.6;max-width:640px;margin-top:var(--space-3)}.grid-cards{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:768px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-cards.cols-3{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.icon-chip{width:44px;height:44px;border-radius:12px;background-color:var(--accent-subtle);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.hide-mobile{display:none!important}}