.mobilates-code-login .mobilates-code-verify,
.mobilates-code-login .mobilates-code-poll { display: grid; gap: 12px; min-width: 0; }
.mobilates-code-login .mobilates-code-verify p { margin: 0; }
.mobilates-code-login .mobilates-eyebrow { color: #a10b70; }
.mobilates-code-login input[name="member_code"] {
  display: block; width: 100%; box-sizing: border-box; min-height: 52px;
  border: 2px solid #746b91; border-radius: 12px; padding: 10px 14px;
  font-size: 24px; letter-spacing: .16em; text-align: center; color: #29215f; background: #ffffff;
}
.mobilates-code-login .mobilates-button {
  min-height: 48px; white-space: normal; overflow-wrap: anywhere; border: 2px solid #a10b70;
  background: #a10b70; color: #ffffff; font: inherit; font-weight: 700; border-radius: 999px;
}
.mobilates-code-login .mobilates-button:hover { background: #29215f; border-color: #29215f; color: #ffffff; }
.mobilates-code-login .mobilates-button:disabled { opacity: 1; background: #ece7f0; border-color: #c7bed4; color: #544b6b; cursor: wait; }
.mobilates-code-login .mobilates-remember { display: flex; align-items: flex-start; gap: 10px; font-weight: 600; }
.mobilates-code-login .mobilates-remember input[type="checkbox"] {
  width: 22px; height: 22px; min-height: 22px; flex: 0 0 22px; margin: 3px 0 0; padding: 0;
  accent-color: #b20b7d;
}
.mobilates-code-login .mobilates-member-login__help { display: block; overflow-wrap: anywhere; }
.mobilates-code-login :is(input, button, a):focus-visible { outline: 3px solid #29215f; outline-offset: 4px; }
.mobilates-code-login .mobilates-code-verify + .mobilates-code-request { border-top: 1px solid #d8d2e5; margin-top: 24px; padding-top: 24px; }
.mobilates-code-login .mobilates-code-change { margin-top: 12px; }
.mobilates-code-login .mobilates-code-change summary { cursor: pointer; color: #29215f; font-weight: 700; padding: 10px 0; }