/* VerbaNote Candidate Registration: override the legacy full-viewport hero and green glass theme. */
body:has(#candidateRegistrationForm){--primary:#089bb5;--primary-dark:#087d99;--vn-green:#089bb5;--vn-green-dark:#087d99;--vn-ink:#10243b;--vn-muted:#61748a;--vn-border:#d5e3ed;background:#061b2d!important;color:#10243b!important;min-height:100dvh!important}
body:has(#candidateRegistrationForm)::before,body:has(#candidateRegistrationForm)::after{content:none!important;display:none!important;background:none!important}
body:has(#candidateRegistrationForm) .topbar{width:100%!important;max-width:none!important;height:76px!important;padding:12px clamp(20px,4vw,64px)!important;background:#071d30!important;margin:0!important;color:#fff!important}
body:has(#candidateRegistrationForm) .topbar .brand{color:#fff!important}
body:has(#candidateRegistrationForm) .topbar a:not(.brand){color:#26d9ee!important}
body:has(#candidateRegistrationForm) .registration-shell{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)!important;align-items:stretch!important;justify-content:initial!important;gap:0!important;position:relative!important;width:min(100%,1600px)!important;max-width:1600px!important;min-height:calc(100dvh - 76px)!important;margin:0 auto!important;padding:0!important;background:#061b2d!important;overflow:visible!important}
body:has(#candidateRegistrationForm) .onboarding-aside{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;position:relative!important;visibility:visible!important;opacity:1!important;min-height:calc(100dvh - 76px)!important;width:100%!important;margin:0!important;padding:clamp(28px,5vw,70px)!important;background:linear-gradient(180deg,rgba(3,19,35,.05) 0%,rgba(3,19,35,.25) 42%,rgba(3,19,35,.96) 100%),url('../images/candidate-auth-student.jpg') center 32%/cover no-repeat!important;color:#fff!important;border-radius:0!important;overflow:hidden!important}
body:has(#candidateRegistrationForm) .onboarding-aside .eyebrow{color:#36e1ef!important}
body:has(#candidateRegistrationForm) .onboarding-aside h1{font-size:clamp(30px,3.5vw,54px)!important;line-height:1.1!important;max-width:650px!important;margin:12px 0!important;color:#fff!important}
body:has(#candidateRegistrationForm) .onboarding-aside p{max-width:570px!important;color:#e3f5ff!important;font-size:clamp(14px,1.2vw,18px)!important;line-height:1.55!important}
body:has(#candidateRegistrationForm) .onboarding-aside .aside-card{display:grid!important;background:rgba(4,28,48,.78)!important;border:1px solid rgba(77,207,237,.35)!important;color:#fff!important;max-width:540px!important;margin:20px 0!important}
body:has(#candidateRegistrationForm) .onboarding-aside .aside-card span{color:#cfe5f0!important}
body:has(#candidateRegistrationForm) .onboarding-aside .steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 0!important;max-width:600px!important}
body:has(#candidateRegistrationForm) .onboarding-aside .steps li{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;font-size:11px!important;text-align:center!important;color:#c4e5ef!important}
body:has(#candidateRegistrationForm) .onboarding-aside .steps li.active{color:#fff!important}
body:has(#candidateRegistrationForm) .onboarding-aside .steps li.active span{background:#16bfd8!important;color:#061b2d!important}
body:has(#candidateRegistrationForm) .form-panel{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:calc(100dvh - 76px)!important;max-height:none!important;margin:0!important;padding:clamp(26px,3.5vw,60px)!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;color:#10243b!important}
body:has(#candidateRegistrationForm) .form-panel form{max-width:650px!important;margin:0 auto!important}
body:has(#candidateRegistrationForm) .form-panel .step-heading h2,body:has(#candidateRegistrationForm) .form-panel label,body:has(#candidateRegistrationForm) .form-panel h1,body:has(#candidateRegistrationForm) .form-panel h2{color:#10243b!important}
body:has(#candidateRegistrationForm) .form-panel .eyebrow,body:has(#candidateRegistrationForm) .form-panel .step-heading span{color:#008bab!important}
body:has(#candidateRegistrationForm) .form-panel .step-heading p,body:has(#candidateRegistrationForm) .form-panel .password-note,body:has(#candidateRegistrationForm) .form-panel .field-help,body:has(#candidateRegistrationForm) .form-panel label small{color:#62788c!important}
body:has(#candidateRegistrationForm) .form-panel input:not([type=checkbox]):not([type=radio]),body:has(#candidateRegistrationForm) .form-panel select,body:has(#candidateRegistrationForm) .form-panel textarea{background:#fff!important;color:#10243b!important;border:1px solid #cbdde9!important;box-shadow:none!important;opacity:1!important}
body:has(#candidateRegistrationForm) .form-panel input::placeholder{color:#75879a!important;opacity:1!important}
body:has(#candidateRegistrationForm) .form-panel select option{background:#fff!important;color:#10243b!important}
body:has(#candidateRegistrationForm) .form-panel .btn.primary{background:linear-gradient(110deg,#089fbc,#087b9c)!important;color:#fff!important;border:0!important}
body:has(#candidateRegistrationForm) .form-panel .btn.secondary{background:#f0f8fb!important;color:#087c9a!important;border:1px solid #b8e1ec!important}
body:has(#candidateRegistrationForm) .form-panel .toggle-password{background:#e7f7fb!important;color:#087e9e!important}
body:has(#candidateRegistrationForm) .form-panel .form-actions{background:#fff!important;border-top:1px solid #e0eaf0!important}
body:has(#candidateRegistrationForm) .form-panel .subject-option span,body:has(#candidateRegistrationForm) .form-panel .check-card,body:has(#candidateRegistrationForm) .form-panel .consent-card,body:has(#candidateRegistrationForm) .form-panel .summary-card,body:has(#candidateRegistrationForm) .form-panel .billing-plan-card,body:has(#candidateRegistrationForm) .form-panel .exam-subject-section{background:#f4f9fc!important;color:#10243b!important;border-color:#cbdfe9!important}
body:has(#candidateRegistrationForm) .form-panel .subject-option span *,body:has(#candidateRegistrationForm) .form-panel .check-card *,body:has(#candidateRegistrationForm) .form-panel .summary-card *{color:inherit}
@media(max-width:900px){body:has(#candidateRegistrationForm) .registration-shell{grid-template-columns:1fr!important}body:has(#candidateRegistrationForm) .onboarding-aside{min-height:320px!important;padding:28px!important;background-position:center 35%!important}body:has(#candidateRegistrationForm) .onboarding-aside .aside-card,body:has(#candidateRegistrationForm) .onboarding-aside .steps{display:none!important}body:has(#candidateRegistrationForm) .form-panel{min-height:auto!important;padding:28px 20px 50px!important}body:has(#candidateRegistrationForm) .onboarding-aside h1{font-size:30px!important;max-width:440px!important}body:has(#candidateRegistrationForm) .onboarding-aside p{max-width:480px!important}}
@media(max-width:600px){body:has(#candidateRegistrationForm) .topbar{height:64px!important;padding:8px 16px!important}body:has(#candidateRegistrationForm) .registration-shell{width:100%!important}body:has(#candidateRegistrationForm) .onboarding-aside{min-height:240px!important;padding:18px!important}body:has(#candidateRegistrationForm) .onboarding-aside h1{font-size:27px!important}body:has(#candidateRegistrationForm) .onboarding-aside p{font-size:13px!important}body:has(#candidateRegistrationForm) .form-panel{padding:24px 16px 42px!important}body:has(#candidateRegistrationForm) .form-panel .form-actions{position:sticky!important;bottom:0!important;z-index:5!important}}

/* v3: remove baked-in legacy text from the photo; keep the registration panel fully opaque. */
body:has(#candidateRegistrationForm) .onboarding-aside{
 background-image:linear-gradient(180deg,rgba(3,19,35,.04) 0%,rgba(3,19,35,.12) 38%,rgba(3,19,35,.94) 100%),url('../images/candidate-auth-student-clean.webp')!important;
 background-position:center center!important;
}
body:has(#candidateRegistrationForm) .form-panel,
body:has(#candidateRegistrationForm) .form-panel form,
body:has(#candidateRegistrationForm) .form-panel .form-step{
 background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body:has(#candidateRegistrationForm) .form-panel .form-actions{background:#fff!important}
body:has(#candidateRegistrationForm) .step-heading p{color:#62788c!important}
body:has(#candidateRegistrationForm) .password-note{color:#62788c!important}
body:has(#candidateRegistrationForm) .onboarding-aside{isolation:isolate!important}
@media(max-width:900px){
 body:has(#candidateRegistrationForm) .onboarding-aside{background-position:center 38%!important}
}