.mfa-screen{color:#0c1638;background:#f6f9fd;place-items:center;min-height:100dvh;padding:24px;display:grid}.mfa-card{background:#fff;border:1px solid #e5edf8;border-radius:20px;width:100%;max-width:430px;padding:32px;box-shadow:0 12px 40px #12274a0b}.mfa-brand{align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.mfa-brand svg{width:32px;height:32px}.mfa-card h1{margin:28px 0 10px;font-size:27px}.mfa-card p{color:#637391;font-size:15px;line-height:1.6}.mfa-card form{gap:18px;margin-top:24px;display:grid}.mfa-card label{gap:8px;font-size:14px;display:grid}.mfa-card input,.mfa-card select{color:#0c1638;background:#fff;border:1px solid #d6e3f4;border-radius:9px;width:100%;min-height:48px;padding:12px;font-size:18px}.mfa-card button{cursor:pointer;border-radius:9px;min-height:44px}.mfa-card form>button{color:#fff;background:#0878ff;border:0;padding:12px;font-weight:700}.mfa-card button:disabled{opacity:.5;cursor:default}.mfa-card .mfa-error{color:#b32d3b;background:#fff2f3;border-radius:8px;padding:12px}.mfa-options{justify-content:space-between;margin:18px 0;display:flex}.mfa-options button{color:#1669cd;background:0 0;border:0}.mfa-card small{color:#7281a3;font-size:12px}.mfa-card :focus-visible{outline-offset:3px;outline:3px solid #1a70eb}@media (max-width:480px){.mfa-screen{padding:16px}.mfa-card{padding:24px}}
