.mfa-page{margin:0;background:#f4f8fc;color:#142c48;padding:28px 18px;min-height:100dvh;box-sizing:border-box}.mfa-panel{max-width:720px;margin:0 auto;padding:32px;background:white;border:1px solid #dce5ef;border-radius:18px;box-shadow:0 4px 18px #102d4a08}.mfa-panel header{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.mfa-panel header div{display:grid;gap:5px;flex:1}.mfa-panel header small{font-size:12px;color:#60758c}.mfa-panel header label{max-width:160px}.mfa-panel h1{font-size:28px}.mfa-panel h2{font-size:21px}.mfa-panel p{line-height:1.65}.mfa-panel label{display:grid;gap:8px;margin:12px 0}.mfa-panel input,.mfa-panel select{min-width:0;box-sizing:border-box;border:1px solid #c9d8e8;border-radius:9px;padding:12px;font:inherit;max-width:100%;width:100%}.mfa-panel .mfa-checkbox{display:flex;align-items:center;gap:10px}.mfa-checkbox input{width:18px;height:18px;flex-shrink:0}.mfa-panel .button{min-height:42px;white-space:normal;display:inline-flex;align-items:center;justify-content:center}.mfa-panel .mfa-qr{display:block;max-width:100%;height:auto}.mfa-secret,.mfa-recovery code{font-family:monospace;overflow-wrap:anywhere}.mfa-recovery{padding-left:20px;display:grid;gap:12px}.mfa-action{border-top:1px solid #dce5ef;padding-top:20px;margin-top:24px}.mfa-action summary{cursor:pointer;color:#07529e;font-weight:700}.mfa-panel :focus-visible{outline:3px solid #0098c8;outline-offset:3px}@media(max-width:500px){.mfa-page{padding:12px 8px}.mfa-panel{padding:22px 16px}.mfa-panel h1{font-size:24px}.mfa-panel header label{max-width:none;width:100%}}