:root{--bg:#0c1017;--panel:#10141d;--border:#1e2532;--text:#d5d8e0;
  --dim:#7c8493;--accent:#2962ff;--down:#ef5350}
*{box-sizing:border-box;margin:0}
body{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text);
  font:13px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
form{width:min(340px,90vw);padding:26px 24px;background:var(--panel);
  border:1px solid var(--border);border-radius:10px;text-align:center}
.brand{display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;
  font-weight:650;letter-spacing:.2px}
.brand b{color:var(--accent)}
.dot{width:7px;height:7px;border-radius:50%;background:#26a69a;box-shadow:0 0 8px #26a69a}
.sub{margin:10px 0 18px;color:var(--dim);font-size:12px}
input{width:100%;height:34px;padding:0 11px;border-radius:6px;background:#151a24;
  border:1px solid var(--border);color:var(--text);font:inherit;text-align:center;
  letter-spacing:1px}
input:focus{outline:none;border-color:var(--accent)}
button{width:100%;height:34px;margin-top:11px;border:none;border-radius:6px;
  background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}
button:hover{filter:brightness(1.1)}
.msg{min-height:18px;margin-top:12px;color:var(--down);font-size:12px}