.twofa-box{
  max-width:540px;margin:24px auto;padding:20px 22px;border:1px solid #e5e7eb;border-radius:14px;
  background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.04);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;
}
.twofa-box h2{margin:0 0 6px;font-size:24px}
.twofa-desc{margin-top:0;color:#6b7280}
.twofa-label{display:block;text-align:left;margin-top:12px;margin-bottom:6px;color:#374151;font-size:14px}
.twofa-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:15px}
.twofa-btn{margin-top:12px;width:100%;padding:12px;border:0;border-radius:10px;background:#223041;color:#fff;font-weight:600;cursor:pointer}
.twofa-btn:hover{background:#2f3e52}
.twofa-output{margin-top:16px;display:grid;grid-template-columns:1fr auto;grid-gap:10px;align-items:center}
.twofa-code{grid-column:1/2;font-size:32px;letter-spacing:3px;font-weight:700;text-align:left}
.twofa-timer{grid-column:1/2;color:#6b7280}
.twofa-next{grid-column:1/2;color:#6b7280;font-size:14px}
.twofa-copy{grid-column:2/3;justify-self:end;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;cursor:pointer}
.twofa-help{margin-top:12px}