.onboarding-screen { max-width:760px; margin:0 auto; padding:32px 24px 64px; color:#333; }
.onboarding-header { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:48px; }
.onboarding-header a { font:700 1.35rem 'Merriweather',Georgia,serif; color:#333; }
.onboarding-screen button { cursor:pointer; }
.onboarding-header button, #onboardingBack, #onboardingSkip { border:0; background:none; padding:10px 0; color:#0056b3; font:inherit; text-decoration:underline; text-underline-offset:3px; }
.onboarding-progress { display:flex; justify-content:space-between; gap:16px; font:0.85rem 'Raleway',sans-serif; color:#555; }
#onboardingProgress { display:block; width:100%; height:5px; border:0; margin:12px 0 42px; accent-color:#0056b3; background:#e9ecef; }
#onboardingProgress::-webkit-progress-bar { background:#e9ecef; }
#onboardingProgress::-webkit-progress-value { background:#0056b3; }
#onboardingContent h1 { font:700 clamp(1.5rem,4vw,2rem)/1.4 'Merriweather',Georgia,serif; margin:0 0 16px; }
#onboardingContent p { line-height:1.7; margin:0 0 24px; color:#555; }
.onboarding-options { border:0; margin:0; padding:0; }
.onboarding-option { display:flex; align-items:flex-start; gap:14px; padding:14px 16px; margin:8px 0; border:1px solid #c7cdd3; border-radius:4px; cursor:pointer; line-height:1.5; font-size:1rem; }
.onboarding-option:has(input:checked) { border-color:#0056b3; background:#f2f7fc; }
.onboarding-option input { flex:none; width:18px; height:18px; margin:3px 0 0; accent-color:#0056b3; }
.onboarding-option small { display:block; color:#555; font-size:0.875rem; margin-top:4px; }
.onboarding-field { display:block; margin:20px 0; line-height:1.6; }
.onboarding-field input, .onboarding-field textarea { display:block; box-sizing:border-box; width:100%; margin-top:8px; border:1px solid #abb3ba; border-radius:4px; padding:12px; font:1rem/1.5 'Merriweather',Georgia,serif; color:#333; background:white; }
.onboarding-field textarea { min-height:130px; resize:vertical; }
.onboarding-actions { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-top:32px; }
.onboarding-screen .btn-auth { background:#0056b3; color:white; padding:12px 22px; border:0; border-radius:4px; font-size:1rem; }
.onboarding-screen button:disabled { cursor:wait; opacity:0.65; }
#onboardingError { color:#a21b21; margin-top:20px; }
.onboarding-screen :focus-visible { outline:2px solid #0056b3; outline-offset:4px; }
@media(max-width:480px) { .onboarding-screen { padding:24px 18px 40px; } .onboarding-header { margin-bottom:32px; align-items:flex-start; } .onboarding-header button { font-size:0.85rem; padding:0; text-align:right; } #onboardingProgress { margin-bottom:30px; } .onboarding-actions { gap:18px; } }