*{box-sizing:border-box}body{margin:0;background:#f5f5f3;color:#171717;font:16px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:430px;background:white;border:1px solid #e5e5e5;border-radius:16px;padding:32px}small{font-size:11px;letter-spacing:2px;color:#666}h1{font-size:28px}p{font-size:14px;line-height:1.6}label{display:block;font-size:14px;margin-top:20px}input{width:100%;padding:12px;margin-top:8px;border:1px solid #bbb;border-radius:6px;font:inherit}button{width:100%;padding:14px;margin-top:24px;background:#ffcc24;border:0;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5}.note{color:#666;font-size:12px}#error{color:#a01919}