*{box-sizing:border-box}body{margin:0;background:var(--color-bg-canvas,#f3f4f6);color:#222;font:15px system-ui,sans-serif}main{width:min(420px,calc(100% - 32px));margin:12vh auto;padding:28px;background:white;border:1px solid #ddd;border-radius:8px}h1{font-size:22px;margin:0 0 12px}p{line-height:1.5;color:#555}form,label{display:grid;gap:8px}form{gap:18px;margin-top:24px}input,button{font:inherit;padding:12px;border:1px solid #888;border-radius:5px;width:100%}button{background:#222;color:white;font-weight:600;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #075cde;outline-offset:2px}[role=alert]{color:#a01919}