*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;color:#262626;background:#f7f7f5}header{padding:12px 20px;background:#fff5a5;border-bottom:1px solid #c8bd80;font-size:14px}header b{color:#c93329;margin-right:12px;font-size:20px}main{width:min(440px,calc(100% - 32px));margin:10vh auto;padding:28px;background:white;border:1px solid #bbb}h1{margin:0 0 16px;font-size:26px}p{line-height:1.5}form{display:grid;gap:9px}input{font:inherit;padding:10px;border:1px solid #999;border-radius:2px}button{font:inherit;padding:11px;background:#ffe933;border:1px solid #b9a300;cursor:pointer;margin-top:10px}button:disabled{opacity:.6}#error{color:#aa2424;margin:0}.hint{font-size:13px;color:#626262}