*{box-sizing:border-box}body{margin:0;background:#171e24;color:#edf4f8;font:15px system-ui;min-height:100vh;display:grid;place-items:center}main{width:min(420px,92vw);padding:32px;border:1px solid #3b4a56;border-radius:12px;background:#222c34}.brand{color:#22d3ee;letter-spacing:2px;font-size:12px}h1{font-size:24px}label{display:block;margin:20px 0}input{width:100%;margin-top:8px;padding:12px;background:#182128;border:1px solid #52616d;border-radius:5px;color:white;font:inherit}button{width:100%;padding:12px;background:#22d3ee;border:0;border-radius:5px;font-weight:700;cursor:pointer}#message{color:#fda4af}label[hidden]{display:none}