.onboarding{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#FAF9F6;font-family:var(--font-sans,"DM Sans"),system-ui,sans-serif;overflow-x:hidden;position:relative}.onboarding:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(27,58,140,.03) 1px,transparent 0);background-size:32px 32px;pointer-events:none;z-index:0}.onboarding>*{position:relative;z-index:1}.onboarding-header{padding:28px 24px 0;text-align:center;width:100%}.onboarding-logo{font-size:22px;font-weight:800;color:#1A1310;letter-spacing:-.03em;text-decoration:none;display:inline-block}.onboarding-logo:hover{opacity:.8}.onboarding-stepper{display:flex;align-items:flex-start;justify-content:center;padding:28px 24px 0;width:100%;max-width:540px}.stepper-step{flex-direction:column;flex:0 0 auto;z-index:1}.stepper-dot,.stepper-step{display:flex;align-items:center}.stepper-dot{width:34px;height:34px;border-radius:50%;justify-content:center;font-size:13px;font-weight:700;border:2px solid #d4d0cc;background:#fff;color:#A09890;transition:all .4s cubic-bezier(.4,0,.2,1)}.stepper-dot.active{border-color:#1B3A8C;background:#1B3A8C;color:#fff;box-shadow:0 0 0 5px rgba(27,58,140,.1);transform:scale(1.08)}.stepper-dot.done{border-color:#16a34a;background:#16a34a;color:#fff}.stepper-label{font-size:10px;font-weight:500;color:#A09890;margin-top:7px;white-space:nowrap;letter-spacing:.01em;transition:all .3s}.stepper-label.active{color:#1B3A8C;font-weight:700}.stepper-label.done{color:#16a34a}.stepper-line{flex:1;height:2px;background:#E0DCD8;min-width:32px;margin:16px -4px 0;border-radius:1px;transition:background .5s;align-self:flex-start}.stepper-line.done{background:#16a34a}.onboarding-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:540px;padding:36px 24px 16px}.step-content{width:100%;text-align:center;animation:stepIn .45s cubic-bezier(.22,1,.36,1)}@keyframes stepIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-title{font-family:var(--font-display,"Playfair Display"),Georgia,serif;font-size:30px;font-weight:700;color:#1A1310;margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}.step-subtitle{font-size:15px;color:#8A7E76;line-height:1.6;margin-bottom:32px;max-width:420px;margin-left:auto;margin-right:auto}.option-grid{display:grid;gap:12px;width:100%}.option-grid.cols-2{grid-template-columns:1fr 1fr}.option-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid.cols-3 .option-card{padding:22px 14px 18px}.option-card{background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:16px;padding:24px 18px 20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;user-select:none}.option-card:hover{border-color:rgba(27,58,140,.2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.05)}.option-card.selected{border-color:#1B3A8C;background:rgba(27,58,140,.025);box-shadow:0 0 0 3px rgba(27,58,140,.08),0 4px 20px rgba(27,58,140,.06)}.option-card .card-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#1B3A8C;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.option-card.selected .card-check{opacity:1;transform:scale(1)}.card-icon{font-size:26px;color:#1B3A8C;margin-bottom:12px;display:block;transition:transform .3s}.option-card:hover .card-icon{transform:scale(1.1)}.option-card.selected .card-icon{transform:scale(1.15)}.card-label{font-size:15px;font-weight:700;color:#1A1310;margin-bottom:4px}.card-desc{font-size:12px;color:#8A7E76;line-height:1.45}.card-meta{font-size:13px;font-weight:600;color:#1B3A8C;margin-top:6px}.band-grid{flex-wrap:wrap;gap:10px;max-width:380px;margin:0 auto}.band-chip,.band-grid{display:flex;justify-content:center}.band-chip{width:68px;height:68px;border-radius:16px;border:2px solid rgba(0,0,0,.07);background:#fff;flex-direction:column;align-items:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);user-select:none}.band-chip:hover{border-color:rgba(27,58,140,.25);transform:scale(1.06);box-shadow:0 4px 12px rgba(0,0,0,.05)}.band-chip.selected{border-color:#1B3A8C;background:#1B3A8C;transform:scale(1.1);box-shadow:0 6px 20px rgba(27,58,140,.3)}.band-num{font-size:20px;font-weight:800;color:#1A1310;line-height:1;transition:color .2s}.band-chip.selected .band-num{color:#fff}.band-tag{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#A09890;margin-top:3px;transition:color .2s}.band-chip.selected .band-tag{color:rgba(255,255,255,.7)}.multi-select-hint{display:inline-flex;align-items:center;gap:8px;margin:-12px auto 18px;padding:8px 12px;border-radius:999px;background:rgba(27,58,140,.06);border:1px solid rgba(27,58,140,.1);color:#1B3A8C;font-size:12px;font-weight:700}.multi-select-hint i{font-size:11px}.multi-select-hint strong{padding-left:8px;border-left:1px solid rgba(27,58,140,.18);color:#1A1310}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.skill-card{background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:16px;padding:22px 16px 18px 46px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;user-select:none;min-height:86px}.skill-card:hover{border-color:rgba(27,58,140,.2);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.05)}.skill-card.selected{border-color:#1B3A8C;background:rgba(27,58,140,.025);box-shadow:0 0 0 3px rgba(27,58,140,.08)}.skill-card .card-check{position:absolute;top:22px;left:16px;width:22px;height:22px;border-radius:7px;background:#fff;color:transparent;border:2px solid #d4d0cc;display:flex;align-items:center;justify-content:center;font-size:9px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.skill-card.selected .card-check{background:#1B3A8C;border-color:#1B3A8C;color:#fff}.skill-icon{font-size:28px;color:#1B3A8C;margin-bottom:10px;transition:transform .3s}.skill-card:hover .skill-icon{transform:scale(1.1)}.skill-name{font-size:14px;font-weight:700;color:#1A1310;margin-top:6px}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:24px}.time-card{background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:16px;padding:20px 14px 16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;user-select:none}.time-card:hover{border-color:rgba(27,58,140,.2);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.05)}.time-card.selected{border-color:#1B3A8C;background:rgba(27,58,140,.025);box-shadow:0 0 0 3px rgba(27,58,140,.08)}.time-icon{font-size:22px;margin-bottom:8px;display:block;transition:transform .3s}.time-card:hover .time-icon{transform:scale(1.15)}.time-label{font-size:14px;font-weight:700;color:#1A1310;margin-bottom:2px}.time-amount{font-size:12px;font-weight:600;color:#1B3A8C}.plan-summary{background:#fff;border-radius:20px;padding:24px 22px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px rgba(0,0,0,.04);width:100%;animation:summaryIn .5s cubic-bezier(.22,1,.36,1) .1s both}@keyframes summaryIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.plan-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04)}.plan-row:last-child{border-bottom:none}.plan-row-label{font-size:13px;color:#8A7E76;display:flex;align-items:center;gap:8px}.plan-row-label i{width:16px;text-align:center;color:#1B3A8C;font-size:12px}.plan-row-value{font-size:14px;font-weight:700;color:#1A1310;max-width:58%;text-align:right;line-height:1.45}.plan-estimate{margin-top:16px;padding:16px 20px;background:linear-gradient(135deg,rgba(27,58,140,.05),rgba(27,58,140,.02));border-radius:14px;text-align:center;border:1px solid rgba(27,58,140,.06)}.plan-estimate-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8A7E76;margin-bottom:4px}.plan-estimate-value{font-size:22px;font-weight:800;color:#1B3A8C}.google-signin{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;border-radius:14px;background:#fff;border:2px solid rgba(0,0,0,.1);color:#1A1310;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s;font-family:inherit}.google-signin:hover{border-color:#1B3A8C;box-shadow:0 6px 20px rgba(0,0,0,.06);transform:translateY(-1px)}.features-list{display:flex;flex-direction:column;gap:8px;margin-top:24px;text-align:left}.feature-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#5A4E47;line-height:1.4}.feature-item i{color:#16a34a;width:14px;flex-shrink:0}.feature-item i,.terms{text-align:center;font-size:11px}.terms{color:#A09890;margin-top:20px;line-height:1.5}.account-switch{margin-top:18px;font-size:13px;color:#8A7E76;text-align:center}.account-switch a{color:#1B3A8C;font-weight:800;text-decoration:none}.account-switch a:hover{text-decoration:underline;text-underline-offset:3px}.onboarding-nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:540px;padding:0 24px 36px}.onboarding-nav.center{justify-content:center}.btn-back{padding:12px 22px;border-radius:12px;border:1.5px solid rgba(0,0,0,.1);background:#fff;color:#5A4E47;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;display:flex;align-items:center;gap:6px}.btn-back:hover{border-color:rgba(0,0,0,.2);background:#f8f7f5}.btn-next{padding:12px 28px;border-radius:12px;border:none;background:#1B3A8C;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;font-family:inherit}.btn-next:hover:not(:disabled){background:#15306f;transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,58,140,.3)}.btn-next:disabled{opacity:.35;cursor:not-allowed}.btn-next:active:not(:disabled){transform:translateY(0)}.home-link{display:inline-block;margin-top:20px;font-size:13px;color:#A09890;text-decoration:none;transition:color .2s}.home-link:hover{color:#1B3A8C}.auth-login{justify-content:flex-start}.auth-login-body{width:100%;max-width:440px;min-height:calc(100vh - 70px);padding:56px 24px 36px;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-login-card{width:100%;padding:34px 30px 28px;border-radius:22px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 46px rgba(26,19,16,.07);text-align:center;animation:stepIn .45s cubic-bezier(.22,1,.36,1)}.auth-login-mark{width:54px;height:54px;margin:0 auto 18px;border-radius:16px;display:grid;place-items:center;background:rgba(27,58,140,.08);color:#1B3A8C;font-size:20px}.auth-login-subtitle{margin-bottom:24px}.social-proof{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;font-size:12px;color:#A09890}.social-proof i{color:#f0b90b;font-size:10px}@media (max-width:520px){.step-title{font-size:24px}.step-subtitle{font-size:14px;margin-bottom:24px}.option-grid.cols-2,.option-grid.cols-3,.skill-grid,.time-grid{grid-template-columns:1fr}.skill-card{padding-left:48px}.plan-row{align-items:flex-start;gap:16px}.plan-row-value{max-width:52%}.auth-login-body{padding-top:36px}.auth-login-card{padding:30px 22px 24px;border-radius:18px}.band-chip{width:60px;height:60px}.band-num{font-size:18px}.stepper-label{font-size:8px}.stepper-line{min-width:20px}.stepper-dot{width:28px;height:28px;font-size:11px}}