.onboarding-root{--font-onboarding:var(--font-geist-sans,"Geist", system-ui, sans-serif);--font-onboarding-mono:var(--font-geist-mono,"Geist Mono", ui-monospace, monospace);--brand-blue:#006f53;--brand-blue-2:#006f53;--brand-green:#006f53;--brand-green-2:#006f53;--brand-gradient:linear-gradient(135deg, #22262b 0%, #22262b 100%);--neutral-0:#fff;--neutral-25:#fafafa;--neutral-50:#f5f6f7;--neutral-100:#eff1f2;--neutral-200:#dbdee1;--neutral-300:#c0c5c9;--neutral-400:#7b8186;--neutral-500:#50565b;--neutral-600:#43494d;--neutral-700:#33383d;--neutral-800:#2a3035;--neutral-900:#22262b;--ob-bg:var(--background);--ob-bg-subtle:var(--neutral-25);--ob-bg-muted:var(--neutral-50);--ob-bg-sunken:var(--neutral-100);--ob-fg:var(--neutral-900);--ob-fg-2:var(--neutral-700);--ob-fg-3:var(--neutral-500);--ob-fg-4:var(--neutral-400);--ob-fg-brand:#006f53;--ob-fg-link:#006f53;--ob-border:var(--neutral-200);--ob-border-strong:var(--neutral-300);--ob-border-muted:var(--neutral-100);--ob-success:#006f53;--ob-success-bg:#006f530f;--ob-success-fg:#006f53;--ob-warning:#50565b;--ob-warning-bg:#eff1f2;--ob-warning-fg:#50565b;--ob-danger:var(--flag);--ob-danger-bg:var(--flag-soft);--ob-danger-fg:#9c4536;--ob-info:#50565b;--ob-info-bg:#eff1f2;--ob-info-fg:#50565b;--ob-gain:#006f53;--foreground:var(--ob-fg);--card:var(--ob-bg);--card-foreground:var(--ob-fg);--popover:var(--ob-bg);--popover-foreground:var(--ob-fg);--primary:var(--neutral-900);--primary-foreground:#fff;--secondary:var(--ob-bg-muted);--secondary-foreground:var(--ob-fg);--muted:var(--ob-bg-muted);--muted-foreground:var(--ob-fg-3);--accent:var(--ob-bg-muted);--accent-foreground:var(--ob-fg);--destructive:var(--ob-danger);--border:var(--ob-border);--ring:var(--neutral-900);--ob-radius-xs:4px;--ob-radius-sm:4px;--ob-radius-md:4px;--ob-radius-lg:8px;--ob-radius-xl:8px;--ob-shadow-xs:none;--ob-shadow-sm:none;--ob-shadow-md:none;--ob-shadow-lg:0 12px 40px #22262b2e;--ob-shadow-xl:0 12px 40px #22262b2e;--ob-ease-out:cubic-bezier(.22, 1, .36, 1);--ob-dur-1:.15s;--ob-dur-2:.2s;--ob-dur-3:.4s;font-family:var(--font-onboarding);color:var(--ob-fg);background:var(--ob-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark .onboarding-root{--neutral-0:#22262b;--neutral-25:#24292e;--neutral-50:#2a3035;--neutral-100:#2e3437;--neutral-200:#33383d;--neutral-300:#43494d;--neutral-400:#757b80;--neutral-500:#9fa6aa;--neutral-600:#b4babd;--neutral-700:#c9ced2;--neutral-800:#e2e6e8;--neutral-900:#eff2f4;--ob-bg-subtle:#1b1f23;--ob-bg-muted:var(--neutral-50);--ob-bg-sunken:#16191d;--ob-fg:var(--neutral-900);--ob-fg-2:var(--neutral-700);--ob-fg-3:var(--neutral-500);--ob-fg-4:var(--neutral-400);--ob-fg-brand:#00e5af;--ob-fg-link:#00e5af;--ob-border:var(--neutral-200);--ob-border-strong:var(--neutral-300);--ob-border-muted:#2a3035;--ob-success-bg:#00e5af1a;--ob-success-fg:#00e5af;--ob-warning-bg:#ffffff0f;--ob-warning-fg:#9fa6aa;--ob-danger-bg:var(--flag-soft);--ob-danger-fg:var(--flag);--ob-info-bg:#ffffff0f;--ob-info-fg:#9fa6aa;--primary:var(--neutral-900);--primary-foreground:#22262b;--ring:var(--neutral-900);--ob-shadow-xs:none;--ob-shadow-sm:none;--ob-shadow-md:none;--ob-shadow-lg:0 12px 40px #0000005c;--ob-shadow-xl:0 12px 40px #0000006b}.onboarding-root *{box-sizing:border-box}.onboarding-root .num{font-family:var(--font-onboarding-mono);font-variant-numeric:tabular-nums}.onboarding-root .eyebrow{font-family:var(--font-onboarding-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ob-fg-3);font-size:11px;font-weight:500}.onboarding-root .brand-mesh{background:#22262b}.onboarding-root .field-input{border:1px solid var(--input);border-radius:var(--ob-radius-md);background:var(--ob-bg);width:100%;color:var(--ob-fg);transition:border-color var(--ob-dur-1) var(--ob-ease-out);outline:none;padding:11px 14px;font-family:inherit;font-size:14px}.onboarding-root .field-input:hover{border-color:var(--muted-foreground)}.onboarding-root .field-input:focus{border-color:var(--ob-fg);box-shadow:none}.onboarding-root .field-input::placeholder{color:var(--ob-fg-4)}.onboarding-root select.field-input{appearance:none;padding-right:38px}@keyframes ob-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ob-spin{to{transform:rotate(360deg)}}.onboarding-root .fade-up{animation:ob-fadeUp .4s var(--ob-ease-out) both}.onboarding-root .fade-in{animation:ob-fadeIn .4s var(--ob-ease-out) both}.onboarding-root .ob-spin{animation:.7s linear infinite ob-spin}.onboarding-root .step-content{width:100%;max-width:640px;margin:0 auto}.onboarding-root .step-content--wide{max-width:840px}