html,body{margin:0;height:100%;background:#0b1220;color:#e6ecf5;font:15px/1.5 Inter,"Segoe UI",system-ui,sans-serif}
body{display:grid;place-items:center;padding:16px;box-sizing:border-box}
.box{width:min(380px,100%);background:#111b2e;border:1px solid #1f2c44;border-radius:12px;padding:28px;text-align:center}
h1{margin:10px 0 0;font-size:22px}p{color:#8a9ab5;margin:4px 0 18px}
form{display:flex;flex-direction:column;gap:8px;text-align:left}
input{background:#0b1220;border:1px solid #2f6fed;color:#e6ecf5;border-radius:8px;padding:11px 12px;font-size:15px}
button{margin-top:8px;background:#2f6fed;border:0;color:#fff;border-radius:8px;padding:11px;font-weight:600;font-size:15px;cursor:pointer}
#err{color:#ef4444;min-height:20px;font-size:13px}.note{font-size:12px;margin-top:16px}code{font-size:11px}
:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}