:root{--bg:#0A0B0D;--s1:#111215;--line:#23252A;--line2:#2E3137;--ink:#EDEFF2;--mut:#9AA3AE;--faint:#6A727D;--acc:#E63B2E;--acc-t:#FF7266;--dotc:#1B1D22}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:"Inter",system-ui,sans-serif}
body{background-image:radial-gradient(circle at 1px 1px,var(--dotc) 1px,transparent 0);background-size:28px 28px;display:grid;place-items:center;min-height:100vh;padding:24px 16px}
.login{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.login .z{height:44px;width:auto}
.login .wm{height:24px;width:auto;margin-top:14px}
.lab{font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:700;font-size:10.5px;letter-spacing:.14em;color:var(--mut);border:1px solid var(--line2);border-radius:4px;padding:3px 6px 2px}
form{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:22px}
label{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
input{height:46px;border-radius:10px;border:0;background:var(--s1);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:500 16px "Inter",sans-serif;padding:0 14px;width:100%}
input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--acc)}
button{height:46px;border-radius:10px;border:0;background:var(--acc);color:#fff;font:650 15px "Inter",sans-serif;cursor:pointer;margin-top:6px}
.err{color:var(--acc-t);font-size:13px;margin:4px 0 0}