*{box-sizing:border-box}
html,body{margin:0;min-height:100vh;background:#0b0d12;color:#e8eaf0;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
body{display:grid;place-items:center;padding:16px}
main{width:100%;max-width:24rem}
h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}
.lead{color:#a9aec0;margin:0 0 1.5rem}
label{display:block;font-size:.875rem;color:#c5c9d6;margin-bottom:.375rem}
input[type=password]{width:100%;padding:.75rem .875rem;font:inherit;color:inherit;background:#141823;border:1px solid #2a3042;border-radius:10px}
input[type=password]:focus{outline:2px solid #6c8cff;outline-offset:1px;border-color:transparent}
button{margin-top:1rem;width:100%;padding:.75rem;font:inherit;font-weight:600;color:#0b0d12;background:#e8eaf0;border:0;border-radius:10px;cursor:pointer}
button:disabled{opacity:.6;cursor:default}
#msg{min-height:1.5em;margin:.75rem 0 0;color:#ff9b9b;font-size:.9rem}
.foot{margin-top:2.5rem;color:#6b7186;font-size:.8rem;text-align:center}