*{box-sizing:border-box}body{margin:0;background:#f5f5f6;color:#171717;font:16px system-ui,sans-serif;display:grid;min-height:100dvh;place-items:center;padding:24px}main{background:white;width:min(100%,400px);padding:36px;border:1px solid #ddd;border-radius:20px}h1{font-size:32px;margin-top:0}p{color:#777}label,input,button{display:block;width:100%;font:inherit}input{margin:10px 0 22px;padding:14px;border:1px solid #ccc;border-radius:10px}button{padding:14px;background:#171717;color:white;border:0;border-radius:10px;cursor:pointer}button:disabled{opacity:.5}input:focus-visible,button:focus-visible{outline:2px solid #555;outline-offset:3px}#error{color:#a21;font-size:14px}

[hidden]{display:none!important}