:root{--auth-navy:#1f3557;--auth-orange:#d97706;--auth-text:#172033;--auth-muted:#667085;--auth-border:#d8dee8;--auth-surface:#fff;--auth-bg:#f4f7fa}
body.light-app{min-height:100dvh;background:var(--auth-bg);color:var(--auth-text)}
body.light-app header{border-bottom:1px solid var(--auth-border);background:rgba(255,255,255,.96)}
body.light-app .nav{max-width:1120px;padding:12px 20px}
body.light-app .nav img{width:58px;height:58px}
body.light-app .nav-signup{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--auth-border);border-radius:12px;color:var(--auth-navy);font-size:14px;font-weight:800}
body.light-app main{max-width:1120px;padding:64px 20px}
body.light-app .layout{grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:64px}
body.light-app .auth-eyebrow{margin:0 0 10px;color:var(--auth-orange);font-size:13px;font-weight:900;letter-spacing:.14em}
body.light-app h1{max-width:650px;color:var(--auth-text);font-size:clamp(42px,5vw,64px);letter-spacing:-.035em}
body.light-app .lead{max-width:590px;color:var(--auth-muted);font-size:19px}
body.light-app .card{border:1px solid var(--auth-border);border-radius:16px;background:var(--auth-surface);box-shadow:0 18px 50px rgba(31,53,87,.1);padding:28px}
body.light-app h2{color:var(--auth-text);font-size:26px;letter-spacing:-.02em}
body.light-app .muted,body.light-app .fine{color:var(--auth-muted)}
body.light-app label{color:var(--auth-text);font-size:14px}
body.light-app input{min-height:52px;margin-top:7px;border:1px solid var(--auth-border);border-radius:12px;background:#fff;color:var(--auth-text);font-size:16px;padding:12px 14px;outline:none}
body.light-app input:focus{border-color:var(--auth-navy);box-shadow:0 0 0 3px rgba(31,53,87,.14)}
body.light-app button[type="submit"]{min-height:52px;border-radius:12px;background:var(--auth-navy);color:#fff;font-weight:850;box-shadow:none}
body.light-app button[type="submit"]:hover{background:#162943}
body.light-app button[type="submit"]:focus-visible,body.light-app a:focus-visible{outline:3px solid rgba(217,119,6,.35);outline-offset:2px}
body.light-app .link-btn{color:var(--auth-navy);font-weight:800}
body.light-app .signup-divider{color:var(--auth-muted)}
body.light-app .signup-divider::before,body.light-app .signup-divider::after{background:var(--auth-border)}
body.light-app .signup-cta{border:1px solid var(--auth-navy);border-radius:12px;background:#fff;color:var(--auth-navy)}
body.light-app .status{color:var(--auth-navy)}
body.light-app .status.error{color:#b42318}
@media(max-width:820px){
  body.light-app .nav{padding:8px 16px}
  body.light-app .nav img{width:46px;height:46px}
  body.light-app main{padding:28px 16px calc(32px + env(safe-area-inset-bottom))}
  body.light-app .layout{grid-template-columns:minmax(0,1fr);gap:22px}
  body.light-app .auth-eyebrow{font-size:12px;margin-bottom:7px}
  body.light-app h1{font-size:30px;line-height:1.08}
  body.light-app .lead{font-size:16px;line-height:1.45}
  body.light-app .card{padding:22px 18px;border-radius:16px;box-shadow:0 12px 34px rgba(31,53,87,.08)}
  body.light-app h2{font-size:23px}
}
@media(max-width:360px){
  body.light-app main{padding-left:12px;padding-right:12px}
  body.light-app .card{padding:20px 15px}
}