/* Every selector is restricted to the visible login screen. */
body:has(#loginView:not(.hidden)){background:linear-gradient(180deg,#071b3445,#05132670),url('/login-city-background.png?v=20261001-login-city-1') center/cover no-repeat fixed #0a1c35;padding-bottom:0;color:#edf4ff}
body:has(#loginView:not(.hidden))>main{display:grid;place-items:center;width:100%!important;max-width:none!important;min-height:100vh;min-height:100svh;padding:40px 20px!important;margin:0!important}
body:has(#loginView:not(.hidden)) main>.top{display:none!important}
body:has(#loginView:not(.hidden)) #loginView{display:block;width:min(100%,460px);min-height:0;margin:0!important;border:1px solid #8ac4fa85;border-radius:24px;overflow:visible;background:linear-gradient(145deg,#142c43d9,#0b192add);box-shadow:0 24px 70px #010c2880;backdrop-filter:blur(14px)}
body:has(#loginView:not(.hidden)) #loginView>.auth-intro{display:none!important}
body:has(#loginView:not(.hidden)) #loginForm{display:flex;flex-direction:column;justify-content:flex-start;padding:34px 38px 26px!important}
body:has(#loginView:not(.hidden)) .login-city-brand{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:14px;color:#fff}
body:has(#loginView:not(.hidden)) .login-city-brand img{width:44px;height:44px;flex:none}
body:has(#loginView:not(.hidden)) #loginForm .login-city-brand h2{color:#fff;font-size:25px;line-height:1.25;margin:0;letter-spacing:-.7px}
body:has(#loginView:not(.hidden)) #loginForm>h2{color:#fff;text-align:center;font-size:27px;margin:0 0 8px;letter-spacing:-.7px}
body:has(#loginView:not(.hidden)) #loginForm>p.muted:not(#loginNote){text-align:center;color:#b5c7df;line-height:1.6;margin:0 0 12px;font-size:13px}
body:has(#loginView:not(.hidden)) #loginForm .field{color:#e2ecf9;font-size:13px;font-weight:500;margin-top:18px}
body:has(#loginView:not(.hidden)) #loginForm .field input{display:block;width:100%;min-width:0;height:48px;padding:12px 14px;margin-top:8px;border:1px solid #bccbdf;border-radius:9px;background:#f4f7fc;color:#14243a;font-size:16px}
body:has(#loginView:not(.hidden)) #loginForm .field input::placeholder{color:#7b8ca8;opacity:1}
body:has(#loginView:not(.hidden)) #loginForm :is(input,button,a):focus-visible{outline:3px solid #74c3ff;outline-offset:3px}
body:has(#loginView:not(.hidden)) #loginForm .remember-email{display:flex;align-items:center;gap:8px;margin:16px 0 0;color:#c2d0e3;font-size:13px;font-weight:400}
body:has(#loginView:not(.hidden)) #loginForm .remember-email input{min-width:0;flex:none;width:16px;height:16px;padding:0;margin:0;accent-color:#287fff}
body:has(#loginView:not(.hidden)) #loginSubmit{width:100%;height:48px;margin:24px 0 0;border:1px solid #5aa7ff;border-radius:9px;background:linear-gradient(135deg,#287aff,#1563ec);color:#fff;font-size:14px;box-shadow:0 7px 20px #0048c833}
body:has(#loginView:not(.hidden)) #loginSubmit:hover{background:#1768ed}
body:has(#loginView:not(.hidden)) #loginNote{color:#ffdddd;text-align:center;font-size:12px;line-height:1.7;margin:18px 0 0;overflow-wrap:anywhere;min-height:20px}
body:has(#loginView:not(.hidden)) #loginNote a{color:#c1d9ff;text-underline-offset:3px}
body:has(#loginView:not(.hidden)) .login-city-footer{display:grid;justify-items:center;gap:15px;margin-top:16px;padding-top:18px;border-top:1px solid #a9c8ed30;color:#92a9c5;font-size:11px}
body:has(#loginView:not(.hidden)) .login-city-footer a{color:#b9cfea;font-size:12px;text-decoration:none}
body:has(#loginView:not(.hidden)) .login-city-footer a:hover{text-decoration:underline}
@media(max-width:540px){body:has(#loginView:not(.hidden)){background-attachment:scroll}body:has(#loginView:not(.hidden))>main{padding:24px 16px!important}body:has(#loginView:not(.hidden)) #loginForm{padding:28px 24px 23px!important}body:has(#loginView:not(.hidden)) #loginForm .login-city-brand h2{font-size:22px}body:has(#loginView:not(.hidden)) .login-city-brand{gap:10px}body:has(#loginView:not(.hidden)) .login-city-brand img{width:38px;height:38px}}
@media(prefers-reduced-transparency:reduce){body:has(#loginView:not(.hidden)) #loginView{background:#142438;backdrop-filter:none}}