/* BackTax 1.29.0 — login components following QuickBoy v2.57.20 auth design.
   1.38.2: light and dark themes (the person's choice in the application, otherwise the system setting; before 1.38.2 the
   page was always dark), the logo is the mascot + « BackTax » as text (src/brand.php), the Turnstile widget is a field of
   the form (spacing.css) and the fields keep the standard gap (--bt-field-gap). Authentication is unchanged. */
body.bt-auth-page{--qb-bg:#070d1a;--qb-surface:#0d1729;--qb-surface-end:#0a1222;--qb-surface-2:#111d33;--qb-border:#263a5c;
 --qb-text:#eef2f8;--qb-muted:#c4cee0;--qb-faint:#a9b8d0;--qb-link:#ffd84a;--qb-input:#0a1222;--qb-input-bd:#3a5280;--qb-btn2:#16243d;
 --qb-err:#ff8892;--qb-focus:#f5c518;--qb-yellow:#f5c518;--qb-ink:#1a1405;--qb-shadow:0 10px 30px rgba(0,0,0,.35);color-scheme:dark;
 margin:0!important;background:var(--qb-bg)!important;color:var(--qb-text)!important;
 font:15px/1.5 Inter,'Segoe UI',Roboto,system-ui,sans-serif!important}
/* light theme: chosen, or system setting when nothing is chosen */
html[data-bt-theme="light"] body.bt-auth-page{--qb-bg:#eef3f9;--qb-surface:#ffffff;--qb-surface-end:#f8fbff;--qb-surface-2:#eef4fb;--qb-border:#d3deec;
 --qb-text:#10243f;--qb-muted:#3f526c;--qb-faint:#4b5d77;--qb-link:#174eae;--qb-input:#ffffff;--qb-input-bd:#9fb2c9;--qb-btn2:#eef4fb;
 --qb-err:#b42318;--qb-focus:#174eae;--qb-shadow:0 12px 34px rgba(16,53,91,.12);color-scheme:light}
@media (prefers-color-scheme:light){html:not([data-bt-theme]) body.bt-auth-page{--qb-bg:#eef3f9;--qb-surface:#ffffff;--qb-surface-end:#f8fbff;--qb-surface-2:#eef4fb;--qb-border:#d3deec;
 --qb-text:#10243f;--qb-muted:#3f526c;--qb-faint:#4b5d77;--qb-link:#174eae;--qb-input:#ffffff;--qb-input-bd:#9fb2c9;--qb-btn2:#eef4fb;
 --qb-err:#b42318;--qb-focus:#174eae;--qb-shadow:0 12px 34px rgba(16,53,91,.12);color-scheme:light}}
body.bt-auth-page *,body.bt-auth-page *::before,body.bt-auth-page *::after{box-sizing:border-box}
body.bt-auth-page .login-wrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,510px))!important;gap:var(--bt-space-5,24px)!important;
 justify-content:center!important;align-items:stretch!important;max-width:1200px!important;margin:0 auto!important;padding:clamp(24px,4vw,46px) var(--bt-space-4,16px)!important}
body.bt-auth-page .login-card,body.bt-auth-page .login-side{min-width:0!important;height:auto!important;border:1px solid var(--qb-border)!important;
 border-radius:16px!important;background:linear-gradient(180deg,var(--qb-surface),var(--qb-surface-end))!important;color:var(--qb-text)!important;
 box-shadow:var(--qb-shadow)!important;padding:clamp(20px,3vw,34px)!important}
body.bt-auth-page .login-card{min-height:520px!important}
body.bt-auth-page .login-card .bt-auth-logo{margin:0 0 var(--bt-space-4,16px)!important}
body.bt-auth-page :is(.login-card,.login-side) :is(h1,h2,p,strong,label){color:var(--qb-text)!important}
body.bt-auth-page :is(.login-side p,.tiny){color:var(--qb-muted)!important}
body.bt-auth-page .login-card label{display:block!important;margin:var(--bt-field-gap,16px) 0 6px!important;font-weight:650!important}
body.bt-auth-page .login-card input{width:100%!important;min-height:44px!important;padding:10px 12px!important;margin:0!important;
 background:var(--qb-input)!important;border:1px solid var(--qb-input-bd)!important;border-radius:var(--bt-field-radius,10px)!important;color:var(--qb-text)!important}
/* the last field, the Turnstile widget and the button keep the standard gap */
body.bt-auth-page .login-card form>button.primary{margin-top:var(--bt-field-gap,16px)!important}
body.bt-auth-page .login-card .cf-turnstile+button.primary{margin-top:0!important}
body.bt-auth-page .login-card button.primary,body.bt-auth-page .login-side a.btn.primary{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;
 padding:11px 17px!important;border-radius:12px!important;border:0!important;
 background:linear-gradient(180deg,#ffd84a,#f5c518)!important;color:#1a1405!important;font-weight:750!important;
 box-shadow:0 6px 18px rgba(245,197,24,.22)!important;transition:transform .12s,box-shadow .15s!important}
body.bt-auth-page :is(.login-card button.primary,.login-side a.btn.primary):hover{transform:translateY(-1px)!important;box-shadow:0 8px 24px rgba(245,197,24,.33)!important}
body.bt-auth-page :is(.login-card,.login-side) a:not(.btn){color:var(--qb-link)!important;text-underline-offset:3px}
body.bt-auth-page .login-side .eyebrow,body.bt-auth-page .hero-card{background:var(--qb-surface-2)!important;border:1px solid var(--qb-border)!important;color:var(--qb-text)!important;border-radius:12px!important}
body.bt-auth-page .checklist{color:var(--qb-text)!important}
body.bt-auth-page .login-side .btn.secondary{border:1px solid var(--qb-border)!important;background:var(--qb-btn2)!important;color:var(--qb-text)!important}
body.bt-auth-page .hero-card{grid-template-columns:minmax(0,1fr) minmax(96px,170px)!important;gap:var(--bt-space-4,16px)!important}
body.bt-auth-page .hero-card .checklist{grid-template-columns:1fr!important;gap:var(--bt-space-2,8px)!important}
body.bt-auth-page .hero-card .bt-auth-mascot{width:100%;max-width:170px;height:auto;display:block;justify-self:end}
@media(max-width:420px){body.bt-auth-page .hero-card{grid-template-columns:1fr!important}body.bt-auth-page .hero-card .bt-auth-mascot{justify-self:center;max-width:140px}}
body.bt-auth-page .eye-btn{color:var(--qb-muted)!important;background:transparent!important}
body.bt-auth-page .bt-login-footer{background:var(--qb-surface-end)!important;border-top:1px solid var(--qb-border)!important;color:var(--qb-faint)!important}
body.bt-auth-page .bt-login-footer a{color:var(--qb-link)!important}
body.bt-auth-page .bt-login-footer span{color:var(--qb-muted)!important}
body.bt-auth-page :is(a,button,input,select):focus-visible{outline:3px solid var(--qb-focus)!important;outline-offset:3px!important}
body.bt-auth-page .err{color:var(--qb-err)!important}
@media(max-width:950px){body.bt-auth-page .login-wrap{grid-template-columns:minmax(0,600px)!important}
 body.bt-auth-page .login-card{min-height:0!important}body.bt-auth-page .login-side{min-height:0!important}}
/* phones: 16 px page gutter and 20 px card padding keep the fields (and the Turnstile widget) at least 300 px wide from 375 px */
@media(max-width:600px){body.bt-auth-page .login-wrap{padding:var(--bt-space-4,16px)!important}
 body.bt-auth-page .login-card,body.bt-auth-page .login-side{padding:20px!important}}
@media(prefers-reduced-motion:reduce){body.bt-auth-page *{transition:none!important;animation:none!important}}