*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#20283c;font:16px/1.6 system-ui,sans-serif}main{max-width:580px;margin:7vh auto;padding:36px;background:white;border:1px solid #e2e5ed;border-radius:16px;box-shadow:0 8px 28px #1820390a}.brand{font-size:12px;letter-spacing:.18em;font-weight:750;color:#6950ac}h1{font-size:28px;line-height:1.2}h2{font-size:18px}label{display:block;margin:16px 0}input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #b7becc;border-radius:8px;font:inherit}button{padding:12px 18px;border:0;border-radius:8px;background:#62419b;color:white;font:600 15px system-ui;cursor:pointer;margin:6px 8px 6px 0}.secondary{background:#edf0f6;color:#283147}button:disabled{opacity:.6;cursor:wait}a{color:#62419b}#message{white-space:pre-wrap}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #9c80df;outline-offset:3px}@media(max-width:600px){main{margin:16px;padding:24px}}
code{overflow-wrap:anywhere;font-size:13px}li{margin:12px 0}