*{box-sizing:border-box}body{font:16px system-ui,sans-serif;background:#f5f6f4;color:#26332e;min-height:100dvh;margin:0;display:grid;place-items:center}main{width:min(400px,90vw);background:white;border:1px solid #e0e5df;border-radius:20px;padding:36px}h1{font-size:32px;margin:8px 0}p{color:#60736b;line-height:1.5}label{display:block;margin:20px 0 8px}input{display:block;width:100%;padding:12px;border:1px solid #bbc9c0;border-radius:8px;font:inherit;margin-top:8px}button{width:100%;padding:13px;background:#25694b;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}#error{color:#ad342c}