*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#172238;font:16px/1.6 system-ui,sans-serif}main{width:min(460px,calc(100% - 32px));margin:10vh auto;padding:28px;background:#fff;border:1px solid #d7deea;border-radius:18px}h1{font-size:28px;line-height:1.2}a{color:#5634a8;display:inline-block;margin:12px 0}label{display:grid;gap:8px}form{display:grid;gap:18px}input,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #bcc9da;width:100%}button{background:#6038ad;color:#fff;font-weight:700;cursor:pointer}.error{color:#a11d32}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9274d5;outline-offset:3px}