/* Account access only: keep the rest of the application unchanged. */
body:is([data-page="login"],[data-page="register"]){--gold:#ffd127;background:#040c12}
body:is([data-page="login"],[data-page="register"]) .auth-topbar{height:72px;padding:0 clamp(20px,5vw,72px);background:#071017;border-bottom:1px solid #27313b}
.auth-logo{display:flex;align-items:center;gap:11px;font-size:32px;font-weight:900;letter-spacing:-1px;line-height:1}
.auth-logo svg{width:43px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8}
.auth-header-link{font-size:13px;color:#ffd127;font-weight:700;display:flex;gap:12px;align-items:center}
body:is([data-page="login"],[data-page="register"]) .auth-experience{min-height:calc(100dvh - 72px)}
body:is([data-page="login"],[data-page="register"]) .auth-story{background:radial-gradient(ellipse at 48% 57%,#5e481425,transparent 58%),linear-gradient(145deg,#111d26,#040c12);border-color:#29333b}
body:is([data-page="login"],[data-page="register"]) .auth-story h1 span{color:#ffd127}
body:is([data-page="login"],[data-page="register"]) .auth-content{background:radial-gradient(ellipse at 100% 0,#20304055,transparent 65%),#070f17}
.auth-visual-mark svg{width:148px;height:130px;fill:none;filter:drop-shadow(0 0 30px #f9c52633)}
body:is([data-page="login"],[data-page="register"]) .auth-overline,body:is([data-page="login"],[data-page="register"]) .auth-kicker{color:#e7be49}
body:is([data-page="login"],[data-page="register"]) .auth-switch{background:#0b151e;border-color:#313c46;border-radius:15px}
body:is([data-page="login"],[data-page="register"]) .auth-switch a.active{background:linear-gradient(130deg,#ffd849,#f1ba00);color:#10130c;box-shadow:0 3px 16px #efba161c}
body:is([data-page="login"],[data-page="register"]) .auth-input-wrap :is(input,select){background:linear-gradient(120deg,#14202b,#0d1721);border-color:#34414d;border-radius:12px;min-height:52px}
body:is([data-page="login"],[data-page="register"]) .auth-submit{background:linear-gradient(120deg,#ffdd45,#ffc400);border-radius:13px;min-height:52px;color:#11150d;box-shadow:0 6px 22px #ffc4001c}
body:is([data-page="login"],[data-page="register"]) .auth-footer-link a{color:#ffd127}
.auth-logo:focus-visible,.auth-header-link:focus-visible{outline:2px solid #ffd127;outline-offset:5px;border-radius:3px}
@media(max-width:760px){
 body:is([data-page="login"],[data-page="register"]) .auth-topbar{height:64px;padding:0 22px}
 .auth-logo{font-size:29px;gap:9px}.auth-logo svg{width:36px;height:32px}.auth-header-link{font-size:12px}
 body:is([data-page="login"],[data-page="register"]) .auth-content{min-height:calc(100dvh - 64px);padding:32px 22px max(36px,env(safe-area-inset-bottom))}
 body:is([data-page="login"],[data-page="register"]) .auth-experience{min-height:calc(100dvh - 64px)}
 body:is([data-page="login"],[data-page="register"]) .auth-mobile-brand{margin-bottom:20px}
 body:is([data-page="login"],[data-page="register"]) .auth-brand-caption{margin-left:0;color:#8493a2;letter-spacing:.2em;font-size:10px}
 body:is([data-page="login"],[data-page="register"]) .auth-content h1{font-size:32px}
 body:is([data-page="login"],[data-page="register"]) .auth-subtitle{font-size:13px;max-width:330px}
}
@media(max-width:350px){body:is([data-page="login"],[data-page="register"]) .auth-content{padding-left:16px;padding-right:16px}.auth-header-link{gap:6px}.auth-logo{font-size:26px}}
/* Native select menus do not reliably inherit the field's gradient background. */
body[data-page="register"] #auth-country{color-scheme:dark;background-color:#111c2b;color:#f5f7fa}
body[data-page="register"] #auth-country option{background-color:#111c2b;color:#f5f7fa}
body[data-page="register"] #auth-country option:checked,body[data-page="register"] #auth-country option:hover,body[data-page="register"] #auth-country option:focus{background-color:#ffd127;color:#11150d}