body{margin:0;background:#101923;color:#ecf4f8;font:16px system-ui,sans-serif;display:grid;place-items:center;min-height:100vh}main{width:min(380px,80vw);padding:32px;background:#192735;border:1px solid #304354;border-radius:20px}h1{font-size:28px}p{color:#afc1cf;line-height:1.7}label{display:block;margin:18px 0}input{box-sizing:border-box;display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #476073;border-radius:8px;background:#101923;color:white;font:inherit}button{width:100%;padding:14px;border:0;border-radius:8px;background:#9becb7;color:#13291a;font:inherit;font-weight:700}.error{color:#ffb9ae}.note{font-size:13px}