*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#ddd;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}
.login{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px}
h1{font-size:20px;font-weight:600;margin:0 0 4px}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#aaa}
input{background:#111;color:#eee;border:1px solid #444;border-radius:4px;padding:10px;font:inherit;font-size:16px}
input:focus{outline:none;border-color:#888}
button{background:#2a2a2a;color:#eee;border:1px solid #555;border-radius:4px;padding:10px;font:inherit;cursor:pointer}
button:hover{background:#3a3a3a}
.err{color:#f27a6a;margin:0}
.ok{color:#8c8;margin:0}