@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/vendor/fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/vendor/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f7fb;color:#0f1b2d;font-size:14px;display:flex;align-items:center;justify-content:center;padding:16px}
.login{width:100%;max-width:380px;background:#fff;border:1px solid #e3e9f1;border-radius:12px;padding:28px;box-shadow:0 4px 14px rgba(15,27,45,.05)}
h1{font-size:20px;margin:0}
.sub{margin:2px 0 18px;color:#4a5a70}
form{display:flex;flex-direction:column;gap:12px}
label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px}
input{font:inherit;padding:9px 10px;border:1px solid #cfd8e4;border-radius:8px}
.btn{font:inherit;font-weight:700;padding:10px;border:0;border-radius:8px;background:#1f6fd6;color:#fff;cursor:pointer;width:100%}
.link{font:inherit;background:none;border:0;color:#1557ad;cursor:pointer;padding:0}
.err{background:#fdecec;color:#c53b3b;border-radius:8px;padding:9px 10px;margin-bottom:12px}
.hint{margin:0 0 4px;color:#4a5a70}
.secret{display:block;background:#f8fafc;border:1px solid #e3e9f1;border-radius:8px;padding:10px;font-size:13px;word-break:break-all;white-space:pre-wrap;margin:0 0 10px}
[hidden]{display:none!important}
.qr{display:flex;justify-content:center;margin:0 0 8px}
.login-lang{position:fixed;top:16px;right:16px;display:flex;gap:2px;background:#fff;border:1px solid #cfd8e4;border-radius:10px;padding:3px}
.login-lang button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;padding:6px 9px;border-radius:7px;cursor:pointer;color:#4a5a70}
.login-lang button.on{background:#1f6fd6;color:#fff}