:root{font:16px system-ui,sans-serif;color:#172b40;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:40px auto;padding:36px;background:white;border:1px solid #dce5ec;border-radius:20px}h1{font-size:32px;letter-spacing:-1px;line-height:1.15}h2{font-size:21px}p{line-height:1.6;color:#526579}a{color:#137f78}.brand{font-size:25px;font-weight:800;text-decoration:none}label{display:block;font-weight:600;margin:18px 0}input{display:block;width:100%;font:inherit;margin-top:8px;border:1px solid #bdcbd4;border-radius:8px;padding:12px;min-width:0}button{background:#137f78;color:white;padding:13px 18px;border:0;border-radius:8px;font:600 15px system-ui;cursor:pointer;max-width:100%}button:disabled{opacity:.55;cursor:wait}.secondary{background:#e7f5f3;color:#137f78}button:focus-visible,input:focus-visible{outline:3px solid #39b8ac;outline-offset:3px}.small{font-size:13px}nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}#code-panel{background:#e7f5f3;padding:20px;border-radius:12px;margin-top:20px}#recovery-code,#mfa-key{font-family:monospace}#result{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:640px){main{margin:16px;padding:22px}h1{font-size:28px}}