.mmw-account-remote-login-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  padding: 20px !important;
  background: rgb(10 20 35 / 48%) !important;
  backdrop-filter: blur(5px) !important;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif !important;
}

.mmw-account-remote-login-card {
  box-sizing: border-box !important;
  width: min(350px, calc(100vw - 40px)) !important;
  padding: 28px 25px 23px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 24px 72px rgb(15 23 42 / 28%) !important;
  color: #14233b !important;
  text-align: center !important;
}

.mmw-account-remote-login-icon {
  display: grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 15px !important;
  border-radius: 17px !important;
  background: #fff0ec !important;
  color: #d44f3b !important;
}

.mmw-account-remote-login-card h2 {
  margin: 0 !important;
  color: #14233b !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.mmw-account-remote-login-card p {
  margin: 10px 0 16px !important;
  color: #596980 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.mmw-account-remote-login-details {
  box-sizing: border-box !important;
  margin: 0 0 20px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #fff7f5 !important;
  color: #14233b !important;
  font-size: 13px !important;
  text-align: left !important;
}

.mmw-account-remote-login-details div {
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  padding: 5px 0 !important;
}

.mmw-account-remote-login-details dt { color: #6a778a !important; }
.mmw-account-remote-login-details dd {
  margin: 0 !important;
  color: #14233b !important;
  font-weight: 650 !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}

.mmw-account-remote-login-card button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #285ad8 !important;
  color: #fff !important;
  font: inherit !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.mmw-account-remote-login-card button:hover { background: #1f4fc4 !important; }
.mmw-account-remote-login-card button:focus-visible { outline: 3px solid rgb(40 90 216 / 28%) !important; outline-offset: 2px !important; }
