/* Independently authored login styling from the visible reference and raster logo. */
.login-gate{min-height:100dvh;background:radial-gradient(ellipse at 14% 4%,#6c0a1a60,transparent 47%),radial-gradient(ellipse at 96% 90%,#35086265,transparent 58%),#0d0b11;color:#eff3f7;display:flex;align-items:center;flex-direction:column;padding:28px 22px 30px;font:14px/1.5 Arial,"Segoe UI",sans-serif;direction:ltr;overflow:auto}
.login-languages{position:fixed;right:16px;top:16px;z-index:2;display:flex;border:1px solid #ffffff22;background:#12151cf0;border-radius:9px;overflow:hidden;box-shadow:0 4px 20px #0002}
.login-languages button{padding:7px 13px;color:#ddd;font-size:12px;line-height:1.3;border:0;border-radius:0;background:none}
.login-languages button[aria-pressed=true]{color:#17110a;background:linear-gradient(110deg,#ff9800,#ffdc4a);font-weight:700}
.login-stack{width:min(424px,100%);display:flex;align-items:center;flex-direction:column;gap:20px}
.login-brand-card{margin:0 0 0;width:min(384px,100%);padding:10px 18px 10px;border:4px solid transparent;border-radius:21px;background:linear-gradient(135deg,#471e2c,#10313b 50%,#271f42) padding-box,linear-gradient(140deg,#e9d55c,#19d8d2 40%,#617aff 80%,#a442d8) border-box;box-shadow:0 0 34px #00d4d41c,0 15px 40px #0003;text-align:center}
.login-brand-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin:0 auto 2px}
.login-brand-card h1{font:900 18px/1.43 Arial,sans-serif;letter-spacing:2.6px;color:#fff;margin:0;text-shadow:0 1px 5px #0007}
.auth-login-card{width:100%;border:4px solid transparent;border-radius:22px;padding:28px 26px 22px;background:linear-gradient(115deg,#087682,#185e82 55%,#42377b) padding-box,linear-gradient(130deg,#13e1c5,#c1c779 25%,#04c4df 65%,#8e65ff) border-box;box-shadow:0 0 30px #00dfd921,0 13px 40px #0003}
.auth-login-card>label{display:block;font:700 12px/1.5 Arial,"Segoe UI",sans-serif;margin:0 0 7px;color:#dfebef}
.auth-login-card>input,.login-password-wrap{margin:0 0 20px}
.auth-login-card>input,.login-password-wrap input{display:block;width:100%;height:45px;border:1px solid #51566c;border-radius:10px;background:linear-gradient(110deg,#0b2631,#13152b);color:#f1f5fb;font:14px Arial,sans-serif;padding:12px 14px;outline:none;box-shadow:inset 0 1px 4px #0002}
.auth-login-card>input:focus,.login-password-wrap:focus-within input{border-color:#d1ac4e;box-shadow:0 0 0 1px #d1ac4e35}
.auth-login-card input::placeholder{color:#aeb9c5;opacity:1}
.login-password-wrap{position:relative;direction:ltr}
.login-password-wrap input{padding-right:65px}
.login-password-wrap button{position:absolute;right:11px;top:0;height:45px;border:0;background:none;color:#b9bdcb;font:16px Arial,sans-serif;padding:0;min-width:43px}
.auth-login-submit{display:block;width:100%;height:45px;border:0;border-radius:10px;background:linear-gradient(100deg,#ff9100,#ffdd48);color:#0c0c0e;font:900 14px Arial,sans-serif;letter-spacing:2.4px;box-shadow:0 5px 22px #ffc12928;text-align:center;cursor:pointer;margin-top:24px}
.auth-login-submit:disabled{opacity:.65;cursor:wait}
.login-brand-footer{font:900 12px/1.5 Arial,sans-serif;letter-spacing:1.3px;color:#f3f4ff;text-align:center;margin-top:19px}
.login-build{display:block;color:#a0b1c8;font:11px Arial,sans-serif;text-align:center;margin-top:12px}
#login-account-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.auth-login-card #login-error{font-size:12px;line-height:1.6;color:#ffd4ce;margin:0 0 10px;white-space:pre-wrap}.auth-login-card #login-error:empty{display:none}
.login-downloads{display:flex;flex-direction:column;gap:10px;width:100%}
.login-downloads button{height:46px;border:1px solid #24585d70;border-radius:11px;background:#10121a9c;color:#f1f1f6;font:800 13px Arial,sans-serif;box-shadow:0 0 5px #00d6d51c;opacity:1;cursor:not-allowed}
.login-downloads button:last-child{border-color:#387eab70}
@media(max-width:520px){.login-gate{padding:66px 18px 25px}.login-stack{max-width:400px;gap:18px}.login-brand-card{max-width:340px;padding:12px 17px}.login-brand-card img{margin-bottom:12px}.login-brand-card h1{font-size:16px}.auth-login-card{padding:25px 23px 20px}.login-languages{position:absolute}}
@media(prefers-reduced-motion:reduce){.login-gate *{transition:none!important}}
