.mfa-step{display:grid;gap:16px}
.login-card form[hidden],.mfa-step[hidden],.login-alternative[hidden]{display:none!important}
.mfa-step h3{font-size:28px;margin:8px 0 0}
.security-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:800}
.security-divider::before,.security-divider::after{content:"";height:1px;background:var(--line);flex:1}
.security-divider span{font-size:12px;text-transform:uppercase}
.security-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.security-grid>.card:nth-child(4){grid-column:1/-1}
.security-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.secret-box{padding:18px;border:1px dashed var(--orange);background:#fff6f0;border-radius:12px;display:grid;gap:8px;margin:18px 0}
.secret-box strong{font:800 18px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;word-break:break-all}
.uri-code{display:block;padding:12px;background:#f4f6f7;border-radius:8px;word-break:break-all;margin-top:8px}
.access-levels{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.client-selector{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}
.client-selector .field{min-width:min(420px,100%)}
.login-alternative{display:grid;gap:14px;margin-top:8px}
.login-panel{position:relative}
.platform-credit{position:absolute;right:28px;bottom:22px;width:120px;height:50px;overflow:hidden}
.platform-credit img{display:block;width:120px;height:60px;object-fit:cover;object-position:top}
@media(max-width:900px){.security-grid{grid-template-columns:1fr}.security-grid>.card:nth-child(4){grid-column:auto}.client-selector{align-items:stretch;flex-direction:column}}
@media(max-width:860px){.login-panel{padding-bottom:96px}.platform-credit{right:20px;bottom:18px}}
