:root{--bg:#10161d;--panel:#182029;--line:#26313d;--ink:#e6ebf1;--dim:#8c99a8;--brand:#1b6fb8;--err:#c8503f}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px}
.wrap{width:100%;max-width:372px}
.box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:30px 28px 24px}
.logo{display:block;margin:0 auto 14px}
h1{margin:0 0 6px;font-size:19px;font-weight:600;text-align:center;letter-spacing:-.2px}
.sub{margin:0 0 22px;text-align:center;color:var(--dim);font-size:13px}
label{display:block;margin:0 0 6px;font-size:12.5px;color:var(--dim)}
input[type=text],input[type=password]{width:100%;padding:10px 12px;margin-bottom:15px;background:#0e141a;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:14px;outline:none}
input[type=text]:focus,input[type=password]:focus{border-color:var(--brand)}
.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12.5px}
.chk{color:var(--dim);margin:0;display:flex;align-items:center;gap:6px}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
button{width:100%;padding:10px;background:var(--brand);border:0;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}
button:hover{background:#1a63a4}
button[disabled]{opacity:.6;cursor:default}
.msg{margin-top:14px;padding:9px 11px;border-radius:6px;background:rgba(200,80,63,.12);border:1px solid rgba(200,80,63,.35);color:#e08b7d;font-size:12.5px}
.foot{margin-top:18px;text-align:center;color:var(--dim);font-size:12.5px}
.foot span{margin:0 8px;opacity:.5}
.ver{margin-top:8px;font-size:11.5px;opacity:.55}
.nf{text-align:center;padding:40px 0}
.nf h1{font-size:52px;margin:0 0 6px;color:var(--dim)}