.onboarding-root{--ob-bg:#0b0d0c;--ob-surface:hsla(0,0%,100%,.03);--ob-surface-solid:#14171a;--ob-accent:#7df0b4;--ob-accent-strong:#57e59a;--ob-accent-muted:rgba(125,240,180,.14);--ob-accent-glow:rgba(125,240,180,.35);--ob-text:#f4f6f5;--ob-text-muted:#9aa3a0;--ob-border:hsla(0,0%,100%,.08);--ob-border-strong:hsla(0,0%,100%,.16);--ob-radius-card:16px;--ob-radius-pill:999px;--ob-font-display:var(--font-bricolage),"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--ob-font-body:var(--font-work-sans),"Work Sans",ui-sans-serif,system-ui,sans-serif;--ob-font-mono:var(--font-geist-mono),"Geist Mono",ui-monospace,"SFMono-Regular",monospace;background:var(--ob-bg);color:var(--ob-text);font-family:var(--ob-font-body);min-height:100dvh}.onboarding-root .ob-display{font-family:var(--ob-font-display);letter-spacing:-.02em;text-wrap:balance}.onboarding-root .ob-mono{font-family:var(--ob-font-mono);letter-spacing:.04em;text-transform:uppercase}.onboarding-root .ob-card{background:var(--ob-surface-solid);border:1px solid var(--ob-border);border-radius:var(--ob-radius-card);transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .16s ease,box-shadow .16s ease,background .16s ease}.onboarding-root .ob-card:hover{border-color:var(--ob-border-strong);transform:translateY(-1px)}.onboarding-root .ob-card[data-selected=true]{border-color:var(--ob-accent);background:linear-gradient(0deg,var(--ob-accent-muted),var(--ob-accent-muted)),var(--ob-surface-solid);box-shadow:0 0 0 1px var(--ob-accent),0 8px 30px -12px var(--ob-accent-glow)}.onboarding-root :focus-visible{outline:2px solid var(--ob-accent);outline-offset:2px;border-radius:6px}@keyframes ob-in-forward{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes ob-in-back{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}.onboarding-root .ob-step-enter-forward{animation:ob-in-forward .26s cubic-bezier(.22,1,.36,1)}.onboarding-root .ob-step-enter-back{animation:ob-in-back .26s cubic-bezier(.22,1,.36,1)}@keyframes ob-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ob-logo-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes ob-glow-breathe{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.08)}}.onboarding-root .ob-rise{animation:ob-rise .62s cubic-bezier(.22,1,.36,1) both}.onboarding-root .ob-logo-in{animation:ob-logo-in .64s cubic-bezier(.34,1.56,.64,1) both}.onboarding-root .ob-glow{position:absolute;top:42%;left:50%;width:min(680px,92vw);height:min(680px,92vw);border-radius:50%;background:radial-gradient(circle,var(--ob-accent-glow) 0,transparent 62%);filter:blur(20px);pointer-events:none;animation:ob-glow-breathe 7s ease-in-out infinite}.onboarding-root .ob-logo-glow{box-shadow:0 0 0 1px rgba(125,240,180,.4),0 12px 40px -8px var(--ob-accent-glow)}@media (prefers-reduced-motion:reduce){.onboarding-root .ob-logo-in,.onboarding-root .ob-rise{animation:none!important}.onboarding-root .ob-glow{animation:none!important;opacity:.55}.onboarding-root .ob-card,.onboarding-root .ob-step-enter-back,.onboarding-root .ob-step-enter-forward{animation:none!important;transition:none!important}}