.twofa{display:grid;grid-template-columns:360px 1fr;gap:22px}.twofa section{margin:0}.qr{display:block;width:280px;max-width:100%;height:auto;margin:auto}.copy-row{display:flex;align-items:flex-start;gap:10px}.copy-row code{flex:1;background:#eef2ef;border:1px solid #d5ddd9;border-radius:7px;padding:12px;overflow-wrap:anywhere;font-size:12px}.copy-row button{padding:10px;font-size:12px;white-space:nowrap}.wide{max-width:620px}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:white;border:1px solid var(--line);padding:22px;border-radius:12px;margin:20px 0}.recovery code{text-align:center;font-size:16px;padding:8px}.warning{background:#fff8df;border-color:#eed889;color:#685312}.nav-button{width:100%;text-align:left;background:transparent;color:#bdc9c5;padding:11px 14px}.nav-button:hover{background:#263a34}.success-box{display:grid;padding:17px;background:#e4f5ea;border:1px solid #aad8bb;color:var(--green);border-radius:9px;margin:18px 0}.row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.row>div{flex:1}.row small{display:block}.row a{color:var(--green);font-weight:700}.checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}.checkboxes label{display:flex;align-items:center;gap:8px;font-weight:500;margin:0}.checkboxes input{width:auto}.danger{background:#9b3e3a}.secondary{background:#64716d}dl{display:grid;grid-template-columns:160px 1fr;gap:8px}dt{color:var(--muted)}dd{margin:0;font-weight:700}@media(max-width:800px){.twofa{grid-template-columns:1fr}.copy-row{display:grid}.recovery{grid-template-columns:1fr}.row{align-items:flex-start;flex-wrap:wrap}.checkboxes{grid-template-columns:1fr}dl{grid-template-columns:1fr}dd{margin-bottom:8px}}