/* Account surfaces continue the paper, photography, navy and gold palette of Atlas. */
html:has(body.auth-dark-page){background:#f4f3ef;color-scheme:light;scroll-behavior:auto}
.auth-dark-page{--project-font:"Manrope",Arial,sans-serif;--project-ink:#17243b;--project-blue:#17243b;--project-muted:#617087;--project-gold:#b38a48;--project-gold-2:#98703a;--project-border:#dce2df;--project-bg:#f8f9fa;--project-card:#ffffff;--atlas-ink:#17243b;--atlas-gold:#b38a48;background:#f8f9fa;color:#17243b;color-scheme:light;min-height:100dvh}
.auth-dark-page .login-page{width:min(1100px,calc(100% - 80px));margin:36px auto 30px}
.auth-dark-page .login-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:0;border:1px solid #dce2df;border-radius:12px;background:#ffffff;overflow:hidden}
.auth-dark-page .login-visual{display:flex;align-items:flex-end;min-height:530px;border-radius:0;background:#edf2ef}
.auth-dark-page .login-visual>img{inset:0;object-position:center 48%;filter:none}
.auth-dark-page .login-visual::after{inset:0;background:linear-gradient(180deg,rgba(8,18,34,.02) 18%,rgba(8,18,34,.35) 55%,rgba(8,18,34,.91) 100%);pointer-events:none}
.auth-dark-page .login-copy{padding:32px;max-width:none}
.auth-dark-page .atlas-kicker{font-family:var(--project-font);font-size:9px;line-height:1.6;letter-spacing:.18em;color:#98703a}
.auth-dark-page .login-copy h1{font:650 32px/1.2 var(--project-font);letter-spacing:-.04em;color:#ffffff;margin:13px 0 13px;max-width:350px}
.auth-dark-page .login-copy p{max-width:310px;font-size:14px;line-height:1.7;color:#e2e9e5;margin:0}
.auth-dark-page .login-card{padding:34px 40px;border:0;border-left:1px solid #dce2df;border-radius:0;background:#ffffff;box-shadow:none}
.auth-dark-page .login-card h2{font:650 26px/1.24 var(--project-font);letter-spacing:-.035em;color:#17243b;margin:13px 0 11px}
.auth-dark-page .login-card>p{font-size:13px;line-height:1.7;color:#607479;margin-bottom:22px}
.auth-dark-page .account-mode-switch{padding:4px;gap:4px;border:1px solid #dce2df;border-radius:9px;background:#f0f3ef;margin-bottom:24px}
.auth-dark-page .account-mode-switch button{min-height:40px;border-radius:6px;padding:9px 8px;color:#607479;font-size:11px;font-weight:700;background:transparent;transition:background .15s,color .15s}
.auth-dark-page .account-mode-switch button:hover{background:#e4ebe5;color:#22383f}
.auth-dark-page .account-mode-switch button[aria-pressed=true]{background:#17243b;color:#ffffff}
.auth-dark-page .login-field{gap:7px;margin-bottom:18px}
.auth-dark-page .login-field label{font-size:12px;line-height:1.5;font-weight:600;color:#17243b}
.auth-dark-page .login-field :is(input,select){height:48px;min-height:48px;border:1px solid #cbd4df;border-radius:7px;background:#ffffff;color:#17243b;font-size:14px;padding:0 13px;box-shadow:none;caret-color:#17243b}
.auth-dark-page .login-field input::placeholder{color:#75857f;opacity:1}
.auth-dark-page .login-field input:focus{border-color:#b38a48;background:#ffffff}
.auth-dark-page .login-field :is(input,select):disabled{background:#edf2ef;color:#6d7d77}
.auth-dark-page .login-field input:-webkit-autofill{-webkit-text-fill-color:#22383f;box-shadow:0 0 0 1000px #ffffff inset;caret-color:#244b50}
.auth-dark-page .account-hint{font-size:11px;line-height:1.6;color:#657876}
.auth-dark-page .login-card .atlas-button{min-height:47px;border:1px solid #17243b;border-radius:7px;background:#17243b;color:#ffffff;font:700 13px/1.4 var(--project-font);padding:12px 18px;box-shadow:none;transform:none}
.auth-dark-page .login-card .atlas-button:hover{background:#263e59;border-color:#263e59;box-shadow:none;transform:none}
.auth-dark-page .account-text-button{font-size:12px;line-height:1.6;min-height:44px;color:#17243b;text-decoration:none;align-self:flex-start}
.auth-dark-page .account-text-button:hover{color:#98703a;text-decoration:underline;text-underline-offset:4px}
.auth-dark-page .login-card>.account-note{font-size:11px;line-height:1.7;color:#657876;margin:16px 0 0;padding-top:17px;border-top:1px solid #dce3de}
.auth-dark-page .account-feedback{font-size:12px;line-height:1.65;margin:12px 0 18px;padding:12px 14px;border:1px solid #c3cfc9;border-radius:8px;background:#edf2ef;color:#345961}
.auth-dark-page .account-feedback[data-tone=error]{color:#843b30;background:#fff4ef;border-color:#e4beb0}
.auth-dark-page .account-feedback[data-tone=success]{color:#2c6347;background:#eff7f1;border-color:#c0dbc9}
.auth-dark-page .account-feedback a{color:#244b50;text-decoration:underline;text-underline-offset:3px}
.auth-dark-page .account-followup{margin:4px 0 0}
.auth-dark-page .login-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:27px 8px 0}
.auth-dark-page .login-trust>div{grid-template-columns:35px minmax(0,1fr);gap:11px}
.auth-dark-page .login-trust i{height:35px;width:35px;border:1px solid #e8dfd1;border-radius:8px;background:#f8f4ed;color:#98703a}
.auth-dark-page .login-trust i svg{height:18px;width:18px;stroke-width:1.4}
.auth-dark-page .login-trust strong{font-size:12px;line-height:1.6;color:#30494d;margin:0 0 3px;font-weight:600}
.auth-dark-page .login-trust small{font-size:11px;line-height:1.6;color:#657876}
.auth-dark-page .project-footer{width:min(1100px,calc(100% - 80px));border-color:#dce3de;color:#657876;font-size:10px;line-height:1.6;margin:0 auto;padding:23px 0 27px}
.auth-dark-page .project-footer strong{color:#344e53;font-weight:600;letter-spacing:.06em}
.auth-dark-page .project-footer a:hover{color:#244b50}
.auth-dark-page :is(button,a,input,select):focus-visible{outline:2px solid #b38a48;outline-offset:4px}
.auth-dark-page ::selection{background:#dbe7df;color:#22383f}
.auth-dark-page .login-copy .atlas-kicker{color:#e7dbc0}
@media(max-width:1000px){
 .auth-dark-page .login-page{width:calc(100% - 48px);margin-top:32px}
 .auth-dark-page .login-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
 .auth-dark-page .login-copy{padding:28px}
 .auth-dark-page .login-copy h1{font-size:30px}
 .auth-dark-page .login-card{padding:34px 28px}
 .auth-dark-page .login-trust{gap:20px;margin-inline:0}
 .auth-dark-page .project-footer{width:calc(100% - 48px)}
}
@media(max-width:740px){
 .auth-dark-page .login-page{width:calc(100% - 32px);margin:24px auto 27px}
 .auth-dark-page .login-layout{display:flex;flex-direction:column;border-radius:12px}
 .auth-dark-page .login-visual{min-height:180px;height:180px;flex:none}
 .auth-dark-page .login-visual>img{object-position:center 44%;filter:none}
 .auth-dark-page .login-visual::after{background:linear-gradient(90deg,#0b1419d9,#0b141945)}
 .auth-dark-page .login-copy{padding:24px;max-width:370px}
 .auth-dark-page .login-copy .atlas-kicker{font-size:8px;letter-spacing:.15em}
 .auth-dark-page .login-copy h1{font-size:27px;line-height:1.15;max-width:285px;margin:12px 0 0}
 .auth-dark-page .login-copy p{display:none}
 .auth-dark-page .login-card{padding:27px 24px 24px;border-left:0;border-top:1px solid #dce2df}
 .auth-dark-page .login-card h2{font-size:24px;margin-top:10px}
 .auth-dark-page .login-card>p{font-size:12px;line-height:1.65}
 .auth-dark-page .login-field :is(input,select){font-size:16px}
 .auth-dark-page .account-mode-switch{margin-bottom:22px}
 .auth-dark-page .account-mode-switch button{font-size:11px}
 .auth-dark-page .login-trust{grid-template-columns:1fr;gap:17px;margin:24px 8px 0}
 .auth-dark-page .login-trust>div{align-items:center}
 .auth-dark-page .login-trust strong{margin-bottom:1px}
 .auth-dark-page .project-footer{width:calc(100% - 32px);flex-direction:row;flex-wrap:wrap;gap:16px;margin:0 auto;padding:20px 0 25px;font-size:9px}
 .auth-dark-page .project-footer nav{order:3;width:100%;gap:18px}
 .auth-dark-page .project-footer>span{margin-left:auto}
}
@media(max-width:360px){.auth-dark-page .login-card{padding-inline:20px}.auth-dark-page .login-copy{padding-inline:20px}.auth-dark-page .login-card h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.auth-dark-page *{transition:none!important;scroll-behavior:auto!important}}