.sign-in {
  max-width: 440px;
  margin: 70px auto;
  padding: 32px;
  border: 1px solid #e8ebde;
  border-radius: 18px;
  background: #fffefa;
  box-shadow: 0 7px 22px #677e5c09;
}
.sign-in > p:not(.eyebrow) { margin-top: 12px; color: #87968a; font-size: 13px; }
.sign-in label { display: block; font-size: 12px; font-weight: 700; margin: 18px 0 6px; }
.sign-in input, .sign-in select { width: 100%; padding: 11px; border: 1px solid #dfe7db; border-radius: 8px; background: white; color: #344a39; }
.sign-in .primary { width: 100%; }
.sign-in a { display: inline-block; margin-top: 20px; color: #55744d; font-size: 12px; }
#sign-in-error { color: #a34040; }
.dialog-body hr { border: 0; border-top: 1px solid #e8ebde; margin: 20px 0; }
#account-status { color: #789a6c; font-size: 11px; margin-top: 8px; }
.reset-options { border: 1px solid #e3e8dc; border-radius: 10px; padding: 12px; margin: 15px 0; }
.reset-options legend { font-size: 12px; font-weight: 700; padding: 0 4px; }
.dialog-body .reset-options label, .dialog-body .reset-confirm { display: flex; align-items: flex-start; gap: 8px; margin: 9px 0; font-size: 12px; line-height: 1.4; }
.dialog-body .reset-options label[hidden] { display: none; }
.dialog-body .reset-options input, .dialog-body .reset-confirm input { width: auto; margin: 2px 0 0; flex: none; }
#difficulty-status, #reset-status { font-size: 12px; margin-top: 8px; }
@media (max-width: 560px) { .sign-in { margin: 30px 5%; padding: 24px; } }