#member-registration .mmx-registration-email-notice {
  margin-top: .65rem;
  padding: .85rem 1rem;
  border: 2px solid #e8a817;
  border-radius: .65rem;
  background: #fff8df;
  color: #493200;
  font-weight: 700;
  line-height: 1.65;
}

.mmx-registration-next-step {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  margin: 0 0 1rem;
  padding: .9rem 1rem;
  border: 1px solid #b9d8c8;
  border-inline-start: 5px solid #16845b;
  border-radius: .7rem;
  background: #effaf4;
  color: #174d36;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.65;
}

.mmx-registration-next-step i {
  flex: 0 0 auto;
  margin-top: .25rem;
  color: #16845b;
}

[dir="rtl"] .mmx-registration-next-step i { transform: scaleX(-1); }

#member-registration .mmx-registration-mobile-help {
  margin-top: .45rem;
  color: #46566b;
  font-size: .92rem;
  line-height: 1.55;
}

#member-registration .mmx-registration-live-status {
  min-height: 1.4em;
  margin-top: .35rem;
  font-size: .9rem;
  font-weight: 700;
}

#member-registration .mmx-registration-live-status[data-state="valid"] { color: #147a43; }
#member-registration .mmx-registration-live-status[data-state="invalid"] { color: #b42318; }
#member-registration .mmx-registration-live-status[data-state="checking"],
#member-registration .mmx-registration-live-status[data-state="unknown"] { color: #5a687a; }

#member-registration input[aria-invalid="true"] {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 .2rem rgba(180, 35, 24, .12);
}

#member-registration .mmx-registration-completion {
  display: grid;
  gap: .45rem;
  margin: 0 0 1rem;
  padding: .75rem .9rem;
  border: 1px solid #d8e1ec;
  border-radius: .65rem;
  background: #f7f9fc;
  color: #334a65;
  font-size: .84rem;
  font-weight: 800;
}

#member-registration .mmx-registration-completion progress {
  width: 100%;
  height: .55rem;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  accent-color: #d69a00;
}

#member-registration .mmx-password-strength-at-top {
  display: grid;
  gap: .35rem;
  padding-top: .25rem;
  border-top: 1px solid #d8e1ec;
}

#member-registration .mmx-password-strength-at-top[hidden] { display: none; }

#member-registration .mmx-password-strength-at-top strong {
  color: #183552;
  font-size: .82rem;
}

#member-registration .mmx-password-strength-at-top meter {
  display: block;
  width: 100%;
  height: .7rem;
  margin: 0;
}

#member-registration .password-group > output:empty { display: none; }

#member-registration .password-group > output:not(:empty) {
  display: block;
  margin-top: .35rem;
  color: #5a687a;
  font-size: .85rem;
  font-weight: 700;
}

#member-registration .mmx-registration-field-error {
  margin-top: .4rem;
  color: #b42318;
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.5;
}

#member-registration :is(.control-group,.mb-3,.form-group,input,select,textarea) {
  scroll-margin-block-start: var(--mmx-mobile-scroll-offset, 92px);
  scroll-margin-block-end: 28px;
}

@media (max-width: 900px) {
  #member-registration .mmx-registration-completion {
    position: sticky;
    z-index: 20;
    top: var(--mmx-mobile-scroll-offset, 76px);
    box-shadow: 0 .45rem 1rem rgba(7, 27, 61, .12);
  }

  .mmx-registration-next-step { font-size: .78rem; }
}

@media (prefers-reduced-motion: reduce) {
  #member-registration * { scroll-behavior: auto !important; }
}
