body{font-family:system-ui,sans-serif;background:#f4f4f4;color:#171717;margin:0;display:grid;place-items:center;min-height:100vh}main{box-sizing:border-box;background:white;padding:40px;border-radius:16px;width:min(92vw,440px);box-shadow:0 12px 40px #0001}h1{letter-spacing:2px;font-size:26px}p{color:#555;line-height:1.5}label{display:block;margin-top:20px;margin-bottom:8px}input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #aaa;border-radius:6px;font:inherit}button{margin-top:24px;padding:12px;width:100%;background:#111;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}[role=alert]{color:#a32626}