/* VerbaNote navy/cyan auth skin: page-specific; does not modify shared styles */
:root{--vn-brand:#0898ae;--vn-brand-dark:#08778c;--vn-brand-rgb:8,152,174;--primary:#078fa6;--primary-dark:#075c79;--success:#087f97;--accent:#0bc5da;--soft:#f4fbfd;--line:#d9e8f0}
html,body{overflow-x:hidden}
body{accent-color:#079db5}
a:hover{color:#05b7d2}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0ac6de;outline-offset:2px}
/* Password recovery */
body:has(.auth-layout){background:#051d31;color:#10263b}
body:has(.auth-layout) .page{background:#051d31}
.auth-header{background:#061d30!important}
.auth-nav a:hover{color:#24d1e4!important}
.auth-layout{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)}
.auth-visual{background:linear-gradient(90deg,rgba(3,22,39,.55),rgba(2,34,55,.10)),url('../images/auth/recovery-hero.jpg') center/cover no-repeat!important}
.auth-visual::after{background:linear-gradient(90deg,rgba(2,20,37,.35),transparent 70%)!important}
.visual-badge{background:rgba(3,32,51,.75)!important;border-color:rgba(10,200,220,.35)!important}
.auth-panel,.form-shell{background:#f7fbfd!important}
.form-card{border-color:#d9eaf1!important;box-shadow:0 22px 60px rgba(3,25,47,.12)!important}
.auth-layout input:focus{border-color:#0898ae!important;box-shadow:0 0 0 3px rgba(8,152,174,.14)!important}
.auth-layout button[type=submit],.auth-layout .btn-primary{background:linear-gradient(110deg,#08798d,#0aacc1)!important;border-color:transparent!important;color:#fff!important}
/* Candidate login */
body.candidate-hero-page{background:linear-gradient(90deg,rgba(3,23,43,.55),rgba(3,23,43,.12)),url('../images/auth/candidate-login-hero.jpg') center/cover no-repeat fixed!important;color:#10263b}
.candidate-hero-overlay{background:linear-gradient(90deg,rgba(1,19,36,.30),rgba(2,30,48,.10))!important}
.candidate-login-card{background:#fff!important;color:#10263b!important;border:1px solid #dbeaf1!important;box-shadow:0 28px 80px rgba(2,20,36,.25)!important}
.candidate-login-card h1{color:#082338!important}
.candidate-login-kicker,.candidate-forgot-link,.candidate-hero-auth-link a{color:#089db5!important}
.candidate-login-card input{background:#f8fcfe!important;color:#112d43!important;border-color:#d6e5ed!important}
.candidate-login-card .btn.primary,.candidate-forgot-submit{background:linear-gradient(110deg,#087f97,#08adc4)!important;color:#fff!important;border-color:transparent!important}
.candidate-forgot-modal{background:#09283e!important;border-color:rgba(10,200,220,.35)!important}
/* Candidate registration */
body:has(.registration-shell){background:#f5fafc!important;color:#10263b}
body:has(.registration-shell) .topbar{background:#061e32!important;color:#fff!important;border-color:#163d53!important}
body:has(.registration-shell) .topbar .brand,body:has(.registration-shell) .topbar a{color:#fff!important}
body:has(.registration-shell) .topbar a:hover{color:#1bd0e5!important}
.registration-shell{grid-template-columns:minmax(330px,43%) minmax(0,1fr)}
.onboarding-aside{background:linear-gradient(90deg,rgba(2,23,43,.72),rgba(2,34,52,.22)),url('../images/auth/candidate-register-hero.webp') center/cover no-repeat!important;color:#fff!important}
.onboarding-aside .eyebrow{color:#43def0!important}
.onboarding-aside p,.onboarding-aside .aside-card span{color:#e2f3f8!important}
.onboarding-aside .aside-card{background:rgba(3,27,46,.65)!important;border-color:rgba(19,201,220,.3)!important;backdrop-filter:blur(8px)}
.registration-shell .form-panel{background:#f9fcfe!important}
.registration-shell input:focus,.registration-shell select:focus{border-color:#08a4ba!important;box-shadow:0 0 0 3px rgba(8,164,186,.13)!important}
.registration-shell .btn.primary,.registration-shell button[type=submit]{background:linear-gradient(110deg,#087d93,#0ab0c6)!important;color:#fff!important}
.registration-shell .steps li.active span{background:#0ab9d0!important;color:#052236!important}
.registration-shell .billing-plan-card__eyebrow{color:#087e96!important}
@media(max-width:900px){.auth-layout,.registration-shell{grid-template-columns:1fr!important}.auth-visual{min-height:290px!important}.onboarding-aside{min-height:300px!important;padding:36px 24px!important}body.candidate-hero-page{background-attachment:scroll!important}}
@media(max-width:640px){.auth-visual{min-height:240px!important}.candidate-login-card{width:min(100%,520px)!important;margin-inline:auto!important}.registration-shell .form-panel{min-width:0!important;padding-inline:16px!important}.registration-shell .grid.two{grid-template-columns:1fr!important}}