.site-2fa-panel {
  margin: 16px 0;
  padding: 18px;
  border: 1px solid #c3c4c7;
  border-radius: 4px;
  background: #fff;
  color: #1d2327;
  max-width: 420px;
}
.site-2fa-verification-page { min-height: 100vh; margin: 0; background: #f0f0f1; }
.site-2fa-verification-wrap { display: flex; min-height: 100vh; align-items: center; justify-content: center; padding: 20px; }
.site-2fa-modal {
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  width: min(420px, calc(100vw - 36px));
  transform: translate(-50%, -50%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .28);
}
.site-2fa-panel h2 { margin-top: 0; }
.site-2fa-panel label { display: block; margin: 14px 0; }
.site-2fa-panel label span { display: block; margin-bottom: 5px; font-weight: 600; }
.site-2fa-panel input { box-sizing: border-box; width: 100%; min-height: 38px; }
.site-2fa-panel .site-2fa-error { color: #b32d2e; min-height: 1.4em; }
.site-2fa-enrollment { margin: 14px 0; }
.site-2fa-enrollment img { display: block; max-width: 220px; margin: 8px 0; }
.site-2fa-enrollment code { display: inline-block; max-width: 100%; overflow-wrap: anywhere; padding: 6px; background: #f0f0f1; }