*{box-sizing:border-box}body{margin:0;padding:44px 20px;font:16px system-ui,sans-serif;color:#212529;background:#fff}main{max-width:548px;margin:auto;padding:16px;border:1px solid #d8d8d8;border-radius:6px}h1{font-size:21px;font-weight:600;margin:0 0 12px}.option{display:flex;align-items:center;gap:8px;margin:8px 0}input[type=radio]{accent-color:#0d6efd;margin:0}label:not(.option){display:block;font-size:14px;margin:16px 0 6px}input[type=text],input[type=password]{display:block;width:100%;padding:16px 12px;font:inherit;border:1px solid #dee2e6;border-radius:6px}button{margin-top:16px;background:#0d6efd;border:0;border-radius:6px;color:white;font:inherit;padding:9px 14px;cursor:pointer}button:hover{background:#0b5ed7}input:focus-visible,button:focus-visible{outline:3px solid #a6cbff;outline-offset:2px}.note{font-size:13px;color:#626b73;margin-bottom:0}.success,.error{padding:12px;border-radius:4px;overflow-wrap:anywhere}.success{background:#e8f5eb;color:#17582c}.error{background:#fdecec;color:#8a2020}