:root{font-family:Inter,system-ui,sans-serif;color:#102a43;background:#edf5fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#d9f2ff,transparent 35%),linear-gradient(135deg,#edf6fb,#fff)}.security-card{width:min(100%,720px);background:#fff;border:1px solid #d8e6ef;border-radius:24px;padding:30px;box-shadow:0 24px 70px #16435b22}.security-logo{width:150px;display:block;margin:0 auto 22px}.security-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#087ea4;font-weight:900;font-size:11px}.security-card h1{font-size:28px;margin:8px 0}.security-card p{color:#60758a;line-height:1.55}.security-form{display:grid;gap:14px;margin-top:22px}.security-form label{font-size:12px;font-weight:850}.security-form input{width:100%;height:50px;margin-top:6px;border:1px solid #c7d9e6;border-radius:12px;padding:0 14px;font:inherit}.security-btn{border:0;border-radius:12px;min-height:50px;padding:12px 16px;background:#087ea4;color:#fff;font-weight:900;cursor:pointer}.security-link{display:block;text-align:center;color:#075985;text-decoration:none;font-weight:800;margin-top:16px}.security-alert{padding:12px;border-radius:12px;background:#fff3d9;color:#854d0e;margin:14px 0}.security-alert.error{background:#feecec;color:#b42318}.security-alert.success{background:#e7f8ef;color:#08734f}.mfa-enrollment{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:center;margin:20px 0;padding:20px;border:1px solid #d8e6ef;border-radius:18px;background:#f8fbfd}.mfa-qr-wrap{display:grid;place-items:center;gap:9px;font-size:11px;font-weight:850;color:#52677b;text-align:center}.mfa-qr{width:236px;min-height:236px;display:grid;place-items:center;padding:8px;border-radius:14px;background:#fff;box-shadow:0 10px 28px #16435b1c}.mfa-qr img,.mfa-qr canvas{display:block;max-width:220px;height:auto!important}.mfa-manual>span{display:block;margin-bottom:8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#087ea4}.mfa-secret{font:900 18px ui-monospace,monospace;letter-spacing:.12em;word-break:break-all;padding:14px;border-radius:12px;background:#eff7fb;text-align:center}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;background:#f4f8fb;border-radius:12px}.recovery-codes code{font-weight:900}.security-meta{font-size:12px;color:#60758a}.password-rules{font-size:12px;color:#52677b;background:#f7fafc;padding:12px;border-radius:12px}.security-actions{display:flex;gap:10px}.security-actions>*{flex:1}@media(max-width:620px){.security-card{padding:22px}.mfa-enrollment{grid-template-columns:1fr}.recovery-codes{grid-template-columns:1fr}.security-actions{display:grid}}