*{box-sizing:border-box}body{margin:0;background:#0d1422;color:#f4f6fa;font:17px/1.6 system-ui}main{max-width:720px;margin:4vh auto;padding:24px}.brand{color:#ffae57;font-weight:800;letter-spacing:3px}h1{font-size:38px}nav{display:flex;flex-wrap:wrap;gap:8px}button,input{font:inherit;border-radius:8px;padding:12px}button{cursor:pointer;border:1px solid #536176;background:#20334e;color:white}button:disabled{opacity:.6}input{display:block;width:100%;margin:6px 0 18px;background:#0e1828;border:1px solid #667184;color:white}input[type=checkbox]{display:inline;width:auto}section{margin-top:24px;padding:24px;background:#172236;border-radius:12px}form>button{background:#d86416}label{display:block}.note{color:#b7c4d7;font-size:14px}#status{white-space:pre-wrap;overflow-wrap:anywhere}
.mfa-setup{margin:20px 0 24px}.mfa-qr{display:block;max-width:100%;height:auto;margin:20px 0;background:#fff;border-radius:4px}.mfa-setup summary{cursor:pointer}.mfa-secret{display:block;margin:12px 0;padding:12px;background:#0d1422;overflow-wrap:anywhere;user-select:all;font-size:16px;letter-spacing:1px}