.onboarding-page{min-height:100vh;min-height:100dvh;margin:0;background:#f2f5f9;overflow-x:hidden}
.onboarding-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(360px,42%) minmax(0,58%)}
.onboarding-story{min-width:0;padding:36px clamp(28px,4vw,64px);display:flex;flex-direction:column;background:radial-gradient(circle at 18% 10%,rgba(21,94,239,.28),transparent 32%),linear-gradient(150deg,#102b50,#081426 68%,#06101e);color:#fff}
.onboarding-brand{color:#fff;flex:none}.story-content{width:min(100%,520px);margin:auto 0}.story-content .eyebrow{color:#9bbdff}.story-content h1{margin:12px 0 18px;font-size:clamp(2.45rem,4.5vw,4.25rem);line-height:1.02;letter-spacing:-.055em}.story-content>p{margin:0;color:#c5d1e1;font-size:1rem;max-width:500px}.onboarding-steps{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:16px}.onboarding-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;align-items:start}.onboarding-steps li>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #56749d;border-radius:50%;color:#d9e7fb;font-size:.82rem;font-weight:800}.onboarding-steps strong,.onboarding-steps small{display:block}.onboarding-steps small{margin-top:1px;color:#9fb0c6}.story-footnote{flex:none;margin:0;color:#8296b1;font-size:.78rem}
.onboarding-form-panel{align-self:center;justify-self:center;width:min(680px,calc(100% - 48px));margin:24px;padding:clamp(26px,3.4vw,46px);background:#fff;border:1px solid var(--valtoria-border);border-radius:18px;box-shadow:0 18px 50px rgba(8,20,38,.09)}
.form-progress{display:flex;align-items:center;gap:11px;margin:0 0 18px}.form-progress span{display:flex;align-items:center;gap:7px;color:#98a2b3;font-size:.78rem;font-weight:750;white-space:nowrap}.form-progress span.active{color:var(--valtoria-blue)}.form-progress i{height:1px;flex:1;background:var(--valtoria-border)}
.form-heading{margin:0 0 22px}.form-kicker{color:var(--valtoria-blue);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.form-heading h2{margin:5px 0 6px;color:var(--valtoria-navy);font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.12;letter-spacing:-.04em}.form-heading p{margin:0;color:var(--valtoria-muted);font-size:.92rem}
.registration-form{display:block}.registration-form fieldset{min-width:0;margin:0;padding:0;border:0}.form-step[hidden]{display:none}.registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.registration-grid .full{grid-column:1/-1}.registration-form .field{min-width:0;display:grid;gap:5px}.registration-form label{color:#344054;font-size:.84rem;font-weight:680}.registration-form input,.registration-form textarea{display:block;width:100%;min-width:0;padding:10px 12px;border:1px solid #cfd6e0;border-radius:9px;background:#fff;color:var(--valtoria-text);font:inherit;line-height:1.4;transition:border-color .15s,box-shadow .15s}.registration-form textarea{height:66px;min-height:66px;max-height:110px;resize:vertical}.registration-form input:focus,.registration-form textarea:focus{outline:0;border-color:var(--valtoria-blue);box-shadow:0 0 0 3px rgba(21,94,239,.1)}.registration-form .field small,.password-help{margin:0;color:var(--valtoria-muted);font-size:.75rem}.consent-row{display:grid!important;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;margin-top:18px;font-weight:500!important;line-height:1.45}.consent-row input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--valtoria-blue)}
.step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.step-actions .button{min-width:124px;border:0;cursor:pointer}.signin-prompt{margin:18px 0 0;text-align:center;color:var(--valtoria-muted);font-size:.84rem}.form-alert{padding:13px 15px;margin:0 0 18px;border:1px solid;border-radius:10px;font-size:.88rem}.form-alert ul{margin:7px 0 0;padding-left:20px}.form-alert p{margin:4px 0}.form-alert.error{background:#fef3f2;border-color:#fecdca;color:#b42318}.form-alert.success{background:#ecfdf3;border-color:#abefc6;color:#067647}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-height:720px) and (min-width:901px){.onboarding-story{padding-block:24px}.story-content h1{font-size:2.7rem}.onboarding-steps{margin-top:22px;gap:10px}.onboarding-form-panel{margin:16px;padding:24px 32px}.form-progress{margin-bottom:12px}.form-heading{margin-bottom:16px}.registration-grid{gap:10px 14px}.registration-form input,.registration-form textarea{padding:8px 10px}.registration-form textarea{height:54px;min-height:54px}.step-actions{margin-top:14px}.signin-prompt{margin-top:12px}}
@media(max-width:900px){.onboarding-shell{display:flex;min-height:100vh;min-height:100dvh;padding:18px;align-items:center;justify-content:center}.onboarding-story{display:none}.onboarding-form-panel{align-self:auto;justify-self:auto;width:min(680px,100%);margin:0;padding:28px;box-shadow:0 12px 36px rgba(8,20,38,.08)}}
@media(max-width:560px){.onboarding-page{background:#fff}.onboarding-shell{display:block;min-height:100dvh;padding:0}.onboarding-form-panel{width:100%;min-height:100dvh;margin:0;padding:20px 18px;border:0;border-radius:0;box-shadow:none}.form-progress{margin-bottom:14px}.form-progress span b{display:none}.form-heading{margin-bottom:18px}.form-heading h2{font-size:1.7rem}.registration-grid{grid-template-columns:1fr;gap:11px}.registration-grid .full{grid-column:auto}.registration-form textarea{height:58px;min-height:58px}.step-actions{margin-top:17px}.step-actions .button{min-width:108px;padding-inline:14px}.signin-prompt{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.registration-form input,.registration-form textarea{transition:none}}
.onboarding-page,.onboarding-shell,.onboarding-form-panel,.registration-form{max-width:100%}.registration-form{min-width:0}@media(max-width:560px){.onboarding-shell{width:100%;overflow:hidden}.onboarding-form-panel{overflow:hidden}}