.mfa-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#faf5f1;color:#292229;font-family:system-ui,sans-serif}.mfa-card{width:min(100%,430px);box-sizing:border-box;padding:28px;border-radius:20px;background:#fff;box-shadow:0 12px 40px #29222914}.mfa-brand{font-weight:800;letter-spacing:.12em;color:#d96318}.mfa-card h1{font-size:26px}.mfa-card p,.mfa-settings p,.mfa-settings li{line-height:1.55}.mfa-card label,.mfa-settings label{display:grid;gap:8px;margin:16px 0}.mfa-card input,.mfa-settings input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #a79b94;border-radius:9px;font-size:20px;letter-spacing:.18em}.mfa-card button,.mfa-settings button{min-height:44px;padding:10px 16px;cursor:pointer;border-radius:9px}.mfa-card form button{width:100%;margin-bottom:12px}.mfa-hint{font-size:13px;color:#655b57}.mfa-qr{display:block;width:220px;max-width:100%;height:auto;background:#fff;padding:10px}.mfa-secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.mfa-actions{display:flex;gap:10px;flex-wrap:wrap}.mfa-settings{max-width:540px}.mfa-card [role=alert],.mfa-settings [role=alert]{color:#9c2525}.mfa-card .primary,.mfa-settings .primary{background:#ce5815;color:#fff;border:1px solid #ce5815;font-weight:700}.mfa-card .secondary,.mfa-settings .secondary{background:#fff;color:#292229;border:1px solid #b5aaa4}.mfa-card button:disabled,.mfa-settings button:disabled{opacity:.55;cursor:default}.mfa-card input:focus-visible,.mfa-settings input:focus-visible,.mfa-card button:focus-visible,.mfa-settings button:focus-visible{outline:3px solid #f3ad80;outline-offset:3px}