*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#101114;color:#f1f1f5;font:16px/1.5 system-ui}main{width:min(430px,90vw);padding:36px;background:#1a1b21;border:1px solid #32343c;border-radius:16px}.brand{letter-spacing:.18em;color:#c4a9fa;font-weight:700}h1{margin-bottom:8px}main>p{color:#b9bcc9}label{display:block;margin:22px 0}input{display:block;width:100%;padding:12px;margin-top:7px;background:#111217;border:1px solid #505361;color:white;border-radius:7px;font:inherit}button{width:100%;padding:13px;background:#cbb1fc;border:0;border-radius:7px;font:600 16px system-ui;cursor:pointer}#message{color:#ffadad}