.onboarding{--ob-bg:#f8f6f9;--ob-bg-alt:#f0ecf4;--ob-primary:#7c6b8a;--ob-primary-light:#b8a9c4;--ob-primary-dark:#4a3d55;--ob-accent:#9b7ec8;--ob-text:#2d2535;--ob-text-muted:#6b5f75;--ob-white:#fff;--ob-border:#e8e2ee;background:var(--ob-bg);color:var(--ob-text);flex-direction:column;min-height:100dvh;display:flex}.slide-enter-left{animation:.3s ease-out forwards slideInLeft}.slide-enter-right{animation:.3s ease-out forwards slideInRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.ob-option{opacity:0;animation:.3s ease-out forwards fadeUp}.ob-option:first-child{animation-delay:0s}.ob-option:nth-child(2){animation-delay:.1s}.ob-option:nth-child(3){animation-delay:.2s}.ob-option:nth-child(4){animation-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal-card{opacity:0;animation:.5s ease-out forwards revealCard;transform:scale(.8)}.reveal-card:first-child{animation-delay:0s}.reveal-card:nth-child(2){animation-delay:.5s}.reveal-card:nth-child(3){animation-delay:1s}@keyframes revealCard{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ob-progress-bar{background:var(--ob-border);width:100%;height:4px}.ob-progress-fill{background:var(--ob-accent);border-radius:0 2px 2px 0;height:100%;transition:width .3s ease-out}.ob-card{background:var(--ob-white);border:2px solid var(--ob-border);cursor:pointer;text-align:center;border-radius:16px;padding:20px;transition:border-color .2s,box-shadow .2s}.ob-card:hover{border-color:var(--ob-primary-light)}.ob-card.selected{border-color:var(--ob-accent);box-shadow:0 0 0 3px #9b7ec826}.ob-pill{background:var(--ob-white);border:2px solid var(--ob-border);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:15px;transition:border-color .2s,box-shadow .2s;display:flex}.ob-pill:hover{border-color:var(--ob-primary-light)}.ob-pill.selected{border-color:var(--ob-accent);box-shadow:0 0 0 3px #9b7ec826}.ob-content-pill{background:var(--ob-bg-alt);border-radius:16px;padding:24px}.ob-btn{background:var(--ob-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 32px;font-size:16px;font-weight:600;transition:opacity .2s}.ob-btn:hover{opacity:.9}.ob-btn:disabled{opacity:.4;cursor:not-allowed}.ob-btn-secondary{color:var(--ob-text-muted);border:1px solid var(--ob-border);cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:14px 32px;font-size:16px}@media (prefers-reduced-motion:reduce){.slide-enter-left,.slide-enter-right,.ob-option,.reveal-card{opacity:1;animation:none;transform:none}}