body.authentication-bg { background: #f0f4f8; }
body.authentication-bg::before, body.authentication-bg::after { display: none; }
.onboarder-auth { --ob-ink: #152b43; --ob-blue: #2155d6; padding: 30px 24px; min-height: 100vh; color: var(--ob-ink); }
.onboarder-auth * { box-sizing: border-box; }
.onboarder-auth a { text-decoration: none; }
.onboarder-auth .ob-topbar { max-width: 1160px; margin: 0 auto 26px; display: flex; justify-content: space-between; align-items: center; }
.onboarder-auth .ob-brand { display: inline-flex; align-items: center; color: #152b43; font-size: 19px; font-weight: 800; letter-spacing: -.6px; }
.onboarder-auth .ob-brand img { width: 47px; height: 40px; object-fit: contain; margin-right: 10px; }
.onboarder-auth .ob-back { color: #52647a; font-size: 13px; padding: 10px 0; }
.onboarder-auth .ob-back i { margin-right: 6px; }
.onboarder-auth .ob-layout { display: grid; grid-template-columns: 1fr 1.03fr; max-width: 1160px; margin: auto; background: #fff; border: 1px solid #e0e7ef; border-radius: 24px; box-shadow: 0 18px 60px rgba(25, 48, 77, .07); overflow: hidden; }
.onboarder-auth .ob-story { position: relative; padding: 48px 42px 36px; display: flex; flex-direction: column; background: radial-gradient(ellipse at bottom left, #1a4963 0%, transparent 65%), #10283f; color: #fff; overflow: hidden; }
.onboarder-auth .ob-story::after { content: ''; position: absolute; width: 340px; height: 340px; border: 1px solid rgba(195, 237, 223, .09); border-radius: 50%; right: -210px; top: 80px; box-shadow: 0 0 0 55px rgba(195, 237, 223, .025), 0 0 0 110px rgba(195, 237, 223, .025); pointer-events: none; }
.onboarder-auth .ob-story > * { position: relative; z-index: 1; }
.onboarder-auth .ob-eyebrow { display: inline-flex; align-items: center; align-self: flex-start; border: 1px solid #3b586d; border-radius: 30px; padding: 7px 12px; color: #c1ecdf; font-size: 11px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; }
.onboarder-auth .ob-eyebrow i { margin-right: 7px; font-size: 14px; }
.onboarder-auth .ob-story h2 { margin: 27px 0 16px; color: #fff; font-size: clamp(30px, 3.5vw, 44px); font-weight: 750; line-height: 1.14; letter-spacing: -1.6px; }
.onboarder-auth .ob-story h2 span { color: #9be3ce; }
.onboarder-auth .ob-story-copy { margin: 0; color: #b8cbd9; line-height: 1.8; font-size: 14px; max-width: 37ch; }
.onboarder-auth .ob-commission { margin: 30px 0; padding: 23px; border: 1px solid #426578; border-radius: 16px; background: rgba(255, 255, 255, .055); }
.onboarder-auth .ob-commission-top { display: flex; align-items: center; justify-content: space-between; }
.onboarder-auth .ob-rate { color: #fff; font-size: 52px; font-weight: 750; line-height: 1; letter-spacing: -2px; }
.onboarder-auth .ob-rate-label { margin: 7px 0 0; color: #b8cbd9; font-size: 12px; }
.onboarder-auth .ob-rate-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-left: 12px; flex-shrink: 0; border-radius: 14px; background: #b8f0d9; color: #173b3d; font-size: 24px; }
.onboarder-auth .ob-example { border-top: 1px solid #426578; margin-top: 20px; padding-top: 15px; font-size: 12px; color: #c4d6e2; }
.onboarder-auth .ob-example strong { color: #b8f0d9; }
.onboarder-auth .ob-steps { list-style: none; margin: auto 0 0; padding: 0; }
.onboarder-auth .ob-steps li { display: flex; align-items: flex-start; margin-top: 20px; }
.onboarder-auth .ob-step-number { flex: 0 0 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin-right: 13px; border-radius: 50%; border: 1px solid #426578; font-size: 12px; color: #b8f0d9; }
.onboarder-auth .ob-steps strong { display: block; margin-bottom: 3px; color: #edf5fa; font-size: 13px; }
.onboarder-auth .ob-steps p { margin: 0; color: #adc2d2; font-size: 12px; line-height: 1.65; }
.onboarder-auth .ob-form-panel { padding: 42px 46px 32px; min-width: 0; }
.onboarder-auth .ob-form-kicker { font-size: 10px; font-weight: 800; letter-spacing: 1.5px; color: var(--ob-blue); text-transform: uppercase; margin: 0 0 10px; }
.onboarder-auth h1 { color: var(--ob-ink); font-size: clamp(25px, 2.6vw, 32px); font-weight: 750; line-height: 1.2; letter-spacing: -.9px; margin-bottom: 10px; }
.onboarder-auth .ob-form-copy { margin: 0 0 27px; color: #64748b; font-size: 13px; line-height: 1.75; }
.onboarder-auth .ob-fields-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-gap: 16px; gap: 16px; }
.onboarder-auth .ob-field { margin-bottom: 18px; min-width: 0; }
.onboarder-auth .ob-field label { display: block; margin-bottom: 7px; color: #34465b; font-size: 12px; font-weight: 600; }
.onboarder-auth .ob-input-wrap { position: relative; }
.onboarder-auth .ob-input-wrap > i { position: absolute; left: 14px; top: 14px; color: #8494a8; font-size: 17px; pointer-events: none; }
.onboarder-auth .ob-input { width: 100%; min-height: 48px; padding: 12px 14px 12px 40px; border: 1px solid #d8e1ea; border-radius: 9px; background: #fcfdff; color: #182f49; font: inherit; font-size: 14px; transition: border-color .15s, box-shadow .15s; }
.onboarder-auth .ob-input::placeholder { color: #94a1b1; }
.onboarder-auth .ob-input:focus { border-color: #759aef; background: #fff; box-shadow: 0 0 0 3px rgba(33, 85, 214, .1); outline: none; }
.onboarder-auth .ob-input.is-invalid { border-color: #bd3b41; }
.onboarder-auth .ob-input.has-toggle { padding-right: 65px; }
.onboarder-auth .ob-password-toggle { position: absolute; right: 7px; top: 4px; min-height: 40px; border: 0; border-radius: 6px; background: transparent; color: #52647a; font-size: 11px; font-weight: 600; padding: 0 9px; }
.onboarder-auth .ob-help, .onboarder-auth .ob-error { margin-top: 6px; font-size: 11px; line-height: 1.6; }
.onboarder-auth .ob-help { color: #7b8b9d; }
.onboarder-auth .ob-error { color: #a72f37; }
.onboarder-auth .ob-login-options { display: flex; align-items: center; justify-content: space-between; margin: 2px 0 22px; font-size: 12px; }
.onboarder-auth .ob-submit { width: 100%; min-height: 49px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 9px; background: #2155d6; color: #fff; font: inherit; font-size: 13px; font-weight: 700; box-shadow: 0 5px 12px rgba(33, 85, 214, .15); cursor: pointer; }
.onboarder-auth .ob-submit:hover { background: #1944b4; }
.onboarder-auth .ob-submit i { margin-left: 10px; font-size: 17px; }
.onboarder-auth .ob-switch { border-top: 1px solid #edf0f4; margin-top: 23px; padding-top: 21px; text-align: center; color: #708096; font-size: 12px; }
.onboarder-auth .ob-switch a, .onboarder-auth .ob-login-options a { color: #2155d6; font-weight: 650; }
.onboarder-auth .ob-form-note { margin: 17px 0 0; text-align: center; color: #8290a1; font-size: 10px; line-height: 1.7; }
.onboarder-auth .ob-footer { max-width: 1160px; margin: 20px auto 0; text-align: center; font-size: 11px; color: #8290a1; }
.onboarder-auth a:focus-visible, .onboarder-auth button:focus-visible { outline: 3px solid #6f99ef; outline-offset: 3px; }
@media (max-width: 991.98px) { .onboarder-auth .ob-story { padding: 36px 28px; } .onboarder-auth .ob-form-panel { padding: 36px 28px; } .onboarder-auth .ob-fields-row { grid-template-columns: 1fr; grid-gap: 0; gap: 0; } }
@media (max-width: 767.98px) {
    .onboarder-auth { padding: 18px 14px; }
    .onboarder-auth .ob-topbar { margin-bottom: 18px; }
    .onboarder-auth .ob-layout { grid-template-columns: 1fr; border-radius: 18px; }
    .onboarder-auth .ob-story { padding: 28px 24px; }
    .onboarder-auth .ob-story h2 { margin-top: 18px; font-size: 32px; letter-spacing: -1px; }
    .onboarder-auth .ob-story-copy { max-width: none; }
    .onboarder-auth .ob-commission { padding: 16px; margin: 20px 0 0; }
    .onboarder-auth .ob-rate { font-size: 40px; }
    .onboarder-auth .ob-example { margin-top: 14px; padding-top: 12px; }
    .onboarder-auth .ob-steps { display: none; }
    .onboarder-auth .ob-form-panel { padding: 28px 24px; }
    .onboarder-auth .ob-input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .onboarder-auth .ob-input { transition: none; } }