:root{color-scheme:dark;--maintenance-bg:url("assets/maintenance-background.png?v=1.6.44-R2");--panel:rgba(15,16,18,.91);--line:#46494d;--text:#fff;--muted:#c8cbd0;--accent:#e60057}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000 var(--maintenance-bg) center center/cover no-repeat;color:var(--text);font-family:Segoe UI,Arial,sans-serif}body{min-height:100dvh;overflow:hidden}.login-stage{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:transparent}.login-card{width:min(420px,100%);padding:28px;border:1px solid #33373b;border-radius:10px;background:rgba(24,26,28,.96);box-shadow:0 18px 60px #000b;backdrop-filter:blur(8px)}.brand-mark{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff}.login-card h1{margin:9px 0 7px;font-size:28px}.login-message{min-height:22px;margin:0 0 18px;color:var(--muted);line-height:1.45}.login-card label{display:block;margin:13px 0 6px;font-size:13px;color:#e3e5e7}.login-card input{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#1d1f22;color:#fff;outline:none}.login-card input:focus{border-color:#8c9298;box-shadow:0 0 0 3px #ffffff14}.login-card button{width:100%;min-height:46px;margin-top:20px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.login-card button:disabled{opacity:.65;cursor:wait}body.login-error .login-card{background:var(--panel);border-color:#ff4d4d}body.login-error .login-message{color:#ffb3b3;font-weight:700}@media(max-width:600px){.login-card{padding:22px}.login-card h1{font-size:24px}}
.inapp-notice{display:grid;gap:8px;margin:0 0 16px;padding:12px;border:1px solid #8a5a24;border-radius:6px;background:#35240f;color:#ffe0ad;font-size:12px;line-height:1.4}.inapp-notice[hidden]{display:none!important}.inapp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inapp-notice button{min-height:38px;margin:2px 0 0;background:#4a3420}@media(max-width:480px){.inapp-actions{grid-template-columns:1fr}}

body.update-active{background:#000 var(--maintenance-bg) center center/cover no-repeat}body.update-active .login-stage{position:relative;display:block;min-height:100dvh;background:transparent}body.update-active .login-card{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 36px));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;text-align:center}body.update-active .brand-mark,body.update-active .login-card h1,body.update-active form,body.update-active .inapp-notice{display:none!important}body.update-active .login-message{display:grid;gap:12px;margin:0;color:#fff;font-family:inherit;font-size:20px;font-weight:700;line-height:normal;text-shadow:none}body.update-active .login-message strong,body.update-active .login-message span{font-family:inherit;font-size:20px;font-weight:700;line-height:normal;color:#fff;text-shadow:none}@media(max-width:700px){body.update-active .login-card{top:64%;width:min(560px,calc(100vw - 36px));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.update-active .login-message,body.update-active .login-message strong,body.update-active .login-message span{font-size:18px;font-weight:700;line-height:normal;color:#fff;text-shadow:none}}
