.account-entry {
  --account-blue: #0b4ea2;
  --account-blue-dark: #073a7a;
  --account-ink: #102033;
  --account-muted: #6f7f94;
  --account-line: rgba(13, 73, 145, 0.14);
  --account-soft: #f4f8ff;
  --account-panel: #ffffff;
  background:
    radial-gradient(circle at 12% 0%, rgba(11, 78, 162, 0.06), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  padding: 30px 0 64px;
}

.account-entry * { box-sizing: border-box; }

.account-entry__container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

.account-entry__breadcrumb {
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  margin: 0 0 24px;
}

.account-entry__messages {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
}

.account-entry__alert {
  border: 1px solid rgba(11, 78, 162, 0.12);
  border-radius: 12px;
  color: #14345c;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
  padding: 12px 14px;
}

.account-entry__alert--error {
  background: #fff4f4;
  border-color: rgba(171, 36, 36, 0.18);
  color: #8a2020;
}

.account-entry__alert--success {
  background: #eefaf2;
  border-color: rgba(24, 128, 78, 0.18);
  color: #17613d;
}

.account-auth-card,
.account-register-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--account-line);
  border-radius: 20px;
  box-shadow: 0 18px 42px rgba(18, 51, 88, 0.08);
  overflow: hidden;
}

.account-auth-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  margin: 0 auto 46px;
  max-width: 1040px;
}

.account-auth-card__panel {
  padding: 44px 52px 40px;
}

.account-auth-card__divider {
  background: linear-gradient(180deg, transparent, rgba(13, 73, 145, 0.16), transparent);
  position: relative;
}

.account-auth-card__divider span {
  align-items: center;
  background: #fff;
  border: 1px solid var(--account-line);
  border-radius: 999px;
  color: #29415e;
  display: inline-flex;
  font-size: 12px;
  font-weight: 850;
  height: 42px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 42px;
}

.account-title {
  color: var(--account-ink);
  font-size: 26px;
  font-weight: 850;
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: 0;
}

.account-title--rail {
  font-size: 24px;
}

.account-copy {
  color: var(--account-muted);
  font-size: 14px;
  line-height: 1.55;
  margin: 8px 0 0;
}

.account-copy--rail {
  margin-top: 8px;
}

.account-form {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

.account-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.account-field--full { grid-column: 1 / -1; }
.account-field--wide { grid-column: span 1; }

.account-field label,
.account-check span {
  color: #203854;
  font-size: 12px;
  font-weight: 850;
  margin: 0;
}

.account-input-wrap { position: relative; }

.account-input-wrap::before {
  color: #8797ad;
  font-size: 15px;
  left: 13px;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.account-input-wrap--email::before,
.account-input-wrap--password::before {
  content: "";
  background-color: #7f91a8;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 16px;
  width: 16px;
}

.account-input-wrap--email::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 3.2V17h16V8.2l-7.38 5.17a1.1 1.1 0 0 1-1.24 0L4 8.2ZM5.25 7 12 11.72 18.75 7H5.25Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 3.2V17h16V8.2l-7.38 5.17a1.1 1.1 0 0 1-1.24 0L4 8.2ZM5.25 7 12 11.72 18.75 7H5.25Z'/%3E%3C/svg%3E") center / contain no-repeat;
  height: 15px;
  width: 18px;
}

.account-input-wrap--password::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 9h-1V7a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V7Zm3 9.73V18h-2v-1.27a2 2 0 1 1 2 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 9h-1V7a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V7Zm3 9.73V18h-2v-1.27a2 2 0 1 1 2 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.account-entry input[type="text"],
.account-entry input[type="password"],
.account-entry input[type="email"],
.account-entry input[type="url"],
.account-entry select,
.account-entry textarea {
  appearance: none;
  background: #fff;
  border: 1px solid #d9e2ef;
  border-radius: 8px;
  color: #162840;
  display: block;
  font: inherit;
  font-size: 14px;
  min-height: 40px;
  outline: none;
  padding: 9px 13px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  width: 100%;
}

.account-input-wrap--email input,
.account-input-wrap--password input {
  padding-left: 39px !important;
}

.account-entry textarea {
  min-height: 118px;
  resize: vertical;
}

.account-entry input:focus,
.account-entry select:focus,
.account-entry textarea:focus {
  border-color: rgba(11, 78, 162, 0.48);
  box-shadow: 0 0 0 4px rgba(11, 78, 162, 0.08);
}

.account-entry input::placeholder,
.account-entry textarea::placeholder { color: #98a7bb; }

.account-form__row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.account-check {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
}

.account-check input {
  accent-color: var(--account-blue);
  height: 15px;
  width: 15px;
}

.account-link {
  color: var(--account-blue);
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.account-link:hover {
  color: var(--account-blue-dark);
  text-decoration: underline;
}

.account-btn {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-weight: 850;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.account-btn:hover {
  text-decoration: none;
  transform: translateY(-1px);
}

.account-btn--primary {
  background: linear-gradient(180deg, #0b4ea2, #073a7a);
  box-shadow: 0 14px 24px rgba(11, 78, 162, 0.20);
  color: #fff;
  width: 100%;
}

.account-btn--primary:hover { color: #fff; }

.account-btn--outline {
  background: #fff;
  border-color: rgba(11, 78, 162, 0.42);
  color: var(--account-blue);
  width: 100%;
}

.account-btn--outline:hover {
  background: #f6faff;
  color: var(--account-blue-dark);
}

.account-benefits {
  display: grid;
  gap: 24px;
  margin: 34px 0 34px;
}

.account-benefit {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: 46px 1fr;
}

.account-benefit__icon,
.account-step__number,
.account-register-form__header-number,
.account-security-note__icon {
  align-items: center;
  background: linear-gradient(135deg, rgba(11, 78, 162, 0.12), rgba(11, 78, 162, 0.04));
  border: 1px solid rgba(11, 78, 162, 0.12);
  border-radius: 999px;
  color: var(--account-blue);
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
}

.account-benefit__icon {
  height: 44px;
  width: 44px;
}

.account-benefit h3,
.account-step h3,
.account-security-note h3 {
  color: #132945;
  font-size: 14px;
  font-weight: 850;
  margin: 0;
}

.account-benefit p,
.account-step p,
.account-security-note p {
  color: var(--account-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 4px 0 0;
}

.account-register-card {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  margin: 0 auto;
  max-width: 1040px;
}

.account-register-card__rail {
  background:
    radial-gradient(circle at 0 0, rgba(11, 78, 162, 0.10), transparent 36%),
    linear-gradient(180deg, #f3f8ff, #ffffff);
  border-right: 1px solid var(--account-line);
  padding: 36px 28px;
}

.account-register-card__content {
  padding: 36px 46px 34px;
}

.account-steps {
  display: grid;
  gap: 12px;
  margin-top: 30px;
}

.account-step {
  align-items: flex-start;
  border: 1px solid transparent;
  border-radius: 10px;
  display: grid;
  gap: 11px;
  grid-template-columns: 32px 1fr;
  padding: 11px;
}

.account-step.is-active {
  background: #eef5ff;
  border-color: rgba(11, 78, 162, 0.10);
}

.account-step__number {
  height: 32px;
  width: 32px;
}

.account-step.is-active .account-step__number,
.account-register-form__header-number {
  background: var(--account-blue);
  color: #fff;
}

.account-register-form {
  display: grid;
  gap: 22px;
}

.account-register-form__section {
  border-bottom: 1px solid rgba(13, 73, 145, 0.10);
  display: grid;
  gap: 18px;
  padding-bottom: 22px;
}

.account-register-form__section--compact {
  gap: 15px;
}

.account-register-form__section:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}

.account-register-form__header {
  align-items: flex-start;
  display: grid;
  gap: 12px;
  grid-template-columns: 36px 1fr;
}

.account-register-form__header--compact {
  grid-template-columns: 34px 1fr;
}

.account-register-form__header-number {
  height: 36px;
  width: 36px;
}

.account-register-form__header--compact .account-register-form__header-number {
  height: 34px;
  width: 34px;
}

.account-register-form__header h2 {
  color: #132945;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -0.02em;
  margin: 0;
}

.account-register-form__header p {
  color: var(--account-muted);
  font-size: 13px;
  margin: 4px 0 0;
}

.account-form-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-form-grid--register-main {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-form-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-help {
  color: #7b8ba0;
  font-size: 12px;
  line-height: 1.5;
}

.account-help ul {
  margin: 6px 0 0 18px;
  padding: 0;
}

.account-error {
  color: #a62222;
  display: none;
  font-size: 12px;
  line-height: 1.35;
  margin: 0;
  min-height: 0;
}

.account-error:not(:empty) {
  display: block;
}

.account-security-note {
  align-items: center;
  background: linear-gradient(135deg, rgba(11, 78, 162, 0.08), rgba(255, 255, 255, 0.92));
  border: 1px solid rgba(11, 78, 162, 0.12);
  border-radius: 12px;
  display: grid;
  gap: 14px;
  grid-template-columns: 38px 1fr;
  padding: 14px;
}

.account-security-note__icon {
  height: 38px;
  width: 38px;
}

.account-register-actions {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-top: 2px;
}

.account-btn--register {
  min-width: 250px;
  width: auto;
}

@media (max-width: 1100px) {
  .account-auth-card,
  .account-register-card {
    max-width: 860px;
  }

  .account-auth-card {
    grid-template-columns: 1fr;
  }

  .account-auth-card__divider {
    height: 1px;
  }

  .account-register-card {
    grid-template-columns: 1fr;
  }

  .account-register-card__rail {
    border-bottom: 1px solid var(--account-line);
    border-right: 0;
  }

  .account-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .account-step {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .account-entry { padding: 22px 0 46px; }

  .account-entry__container { padding: 0 14px; }

  .account-entry__breadcrumb { margin-bottom: 18px; }

  .account-auth-card,
  .account-register-card { border-radius: 18px; }

  .account-auth-card__panel,
  .account-register-card__content,
  .account-register-card__rail { padding: 24px 18px; }

  .account-form-grid,
  .account-form-grid--register-main,
  .account-form-grid--three,
  .account-steps { grid-template-columns: 1fr; }

  .account-register-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .account-btn--register {
    min-width: 0;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .account-benefit,
  .account-security-note,
  .account-register-form__header,
  .account-register-form__header--compact {
    grid-template-columns: 1fr;
  }

  .account-form__row {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* V1811: keep the mobile login helper row aligned.
   Compact mobile still stacks many forms vertically, but the login remember-me
   control and password reset link remain on one row so the secondary action is
   aligned to the right instead of dropping below. */
@media (max-width: 480px) {
  .account-auth-card__panel--login .account-form__row {
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
  }

  .account-auth-card__panel--login .account-link {
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
  }
}


/* V1778: keep registration out of the initial account view; reveal only when requested. */
.account-register-card {
  display: none;
}

.account-register-card:target,
.account-register-card.is-visible {
  display: grid;
}

.account-auth-card {
  margin-bottom: 34px;
}

.account-btn {
  border-radius: 7px;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0;
  min-height: 40px;
  padding: 0 18px;
}

.account-btn--primary {
  background: #0b4ea2;
  box-shadow: 0 10px 22px rgba(11, 78, 162, 0.18);
}

.account-btn--primary:hover {
  background: #073f86;
}

.account-btn--outline {
  border-color: #b9c9dd;
  box-shadow: none;
}

.account-btn--outline:hover {
  border-color: var(--account-blue);
  box-shadow: 0 8px 18px rgba(11, 78, 162, 0.10);
}

.account-btn--register {
  min-width: 220px;
}

.account-register-actions {
  margin-top: 6px;
}

@media (max-width: 760px) {
  .account-auth-card {
    margin-bottom: 24px;
  }

  .account-register-card:target,
  .account-register-card.is-visible {
    display: grid;
  }
}

/* V1786: compact account controls with restored icon centerline.
   Keep the lighter labels and classic benefit icons, but make the email/password
   inputs match the Sign in button height instead of the oversized V1785 textbox. */
.account-field label {
  color: #1b314d;
  font-size: 12px;
  font-weight: 720;
  letter-spacing: -0.005em;
  line-height: 1.2;
}

.account-check span {
  color: #203854;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.2;
}

.account-input-wrap--email,
.account-input-wrap--password {
  --account-control-height: 42px;
  --account-icon-size: 22px;
  position: relative;
}

.account-input-wrap--email::before,
.account-input-wrap--password::before {
  background-color: #7f91a8;
  content: "";
  display: block;
  height: var(--account-icon-size);
  left: 21px;
  opacity: 0.94;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--account-icon-size);
  z-index: 2;
}

.account-input-wrap--email::before {
  --account-icon-size: 22px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.75 5.75h16.5c.97 0 1.75.78 1.75 1.75v9c0 .97-.78 1.75-1.75 1.75H3.75C2.78 18.25 2 17.47 2 16.5v-9c0-.97.78-1.75 1.75-1.75Zm.25 2.3v8.2h16v-8.2l-7.28 5.07a1.25 1.25 0 0 1-1.44 0L4 8.05Zm1.42-.3L12 12.32l6.58-4.57H5.42Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.75 5.75h16.5c.97 0 1.75.78 1.75 1.75v9c0 .97-.78 1.75-1.75 1.75H3.75C2.78 18.25 2 17.47 2 16.5v-9c0-.97.78-1.75 1.75-1.75Zm.25 2.3v8.2h16v-8.2l-7.28 5.07a1.25 1.25 0 0 1-1.44 0L4 8.05Zm1.42-.3L12 12.32l6.58-4.57H5.42Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.account-input-wrap--password::before {
  --account-icon-size: 23px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.5 9V7a4.5 4.5 0 0 1 9 0v2h.75A2.75 2.75 0 0 1 20 11.75v6.5A2.75 2.75 0 0 1 17.25 21H6.75A2.75 2.75 0 0 1 4 18.25v-6.5A2.75 2.75 0 0 1 6.75 9h.75Zm2 0h5V7a2.5 2.5 0 0 0-5 0v2ZM12 13.25a1.75 1.75 0 0 0-1 3.19V18h2v-1.56a1.75 1.75 0 0 0-1-3.19Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.5 9V7a4.5 4.5 0 0 1 9 0v2h.75A2.75 2.75 0 0 1 20 11.75v6.5A2.75 2.75 0 0 1 17.25 21H6.75A2.75 2.75 0 0 1 4 18.25v-6.5A2.75 2.75 0 0 1 6.75 9h.75Zm2 0h5V7a2.5 2.5 0 0 0-5 0v2ZM12 13.25a1.75 1.75 0 0 0-1 3.19V18h2v-1.56a1.75 1.75 0 0 0-1-3.19Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.account-input-wrap--email input,
.account-input-wrap--password input,
.account-auth-card__panel--login .account-input-wrap--email input,
.account-auth-card__panel--login .account-input-wrap--password input {
  height: var(--account-control-height);
  line-height: var(--account-control-height);
  min-height: var(--account-control-height);
  padding: 0 14px 0 60px !important;
}

.account-benefits {
  gap: 24px;
  margin: 32px 0 34px;
}

.account-benefit {
  align-items: center;
  gap: 18px;
  grid-template-columns: 50px minmax(0, 1fr);
}

.account-benefit__icon {
  background: #eef5ff;
  border: 1px solid rgba(11, 78, 162, 0.14);
  border-radius: 999px;
  box-shadow: none;
  height: 44px;
  position: relative;
  width: 44px;
}

.account-benefit__icon::before {
  background-color: var(--account-blue);
  content: "";
  height: 22px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
}

.account-benefit__icon--trusted::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22c-.18 0-.36-.04-.52-.13C5.05 18.55 3 13.27 3 6.7c0-.48.31-.9.77-1.04l7.9-2.58c.21-.07.44-.07.66 0l7.9 2.58c.46.15.77.57.77 1.04 0 6.57-2.05 11.85-8.48 15.17-.16.09-.34.13-.52.13Zm0-2.23c5.08-2.86 6.72-7.1 6.86-12.26L12 5.27 5.14 7.51C5.28 12.67 6.92 16.91 12 19.77Zm-1.13-5.02-2.8-2.8 1.5-1.5 1.3 1.3 3.95-3.95 1.5 1.5-5.45 5.45Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22c-.18 0-.36-.04-.52-.13C5.05 18.55 3 13.27 3 6.7c0-.48.31-.9.77-1.04l7.9-2.58c.21-.07.44-.07.66 0l7.9 2.58c.46.15.77.57.77 1.04 0 6.57-2.05 11.85-8.48 15.17-.16.09-.34.13-.52.13Zm0-2.23c5.08-2.86 6.72-7.1 6.86-12.26L12 5.27 5.14 7.51C5.28 12.67 6.92 16.91 12 19.77Zm-1.13-5.02-2.8-2.8 1.5-1.5 1.3 1.3 3.95-3.95 1.5 1.5-5.45 5.45Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.account-benefit__icon--people::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.2 11.5a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2.1a1.9 1.9 0 1 0 0-3.8 1.9 1.9 0 0 0 0 3.8Zm7.6 1.9a3.4 3.4 0 1 1 0-6.8 3.4 3.4 0 0 1 0 6.8Zm0-2.05a1.35 1.35 0 1 0 0-2.7 1.35 1.35 0 0 0 0 2.7ZM1.8 20.5v-2.1c0-3.28 2.8-5.55 6.4-5.55s6.4 2.27 6.4 5.55v2.1H1.8Zm2.2-2.1h8.4c-.02-2.08-1.78-3.45-4.2-3.45S4.02 16.32 4 18.4Zm11.95 2.1v-2.1c0-1.75-.58-3.24-1.62-4.38.46-.12.95-.18 1.47-.18 3.1 0 5.4 1.96 5.4 4.82v1.84h-5.25Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.2 11.5a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2.1a1.9 1.9 0 1 0 0-3.8 1.9 1.9 0 0 0 0 3.8Zm7.6 1.9a3.4 3.4 0 1 1 0-6.8 3.4 3.4 0 0 1 0 6.8Zm0-2.05a1.35 1.35 0 1 0 0-2.7 1.35 1.35 0 0 0 0 2.7ZM1.8 20.5v-2.1c0-3.28 2.8-5.55 6.4-5.55s6.4 2.27 6.4 5.55v2.1H1.8Zm2.2-2.1h8.4c-.02-2.08-1.78-3.45-4.2-3.45S4.02 16.32 4 18.4Zm11.95 2.1v-2.1c0-1.75-.58-3.24-1.62-4.38.46-.12.95-.18 1.47-.18 3.1 0 5.4 1.96 5.4 4.82v1.84h-5.25Z'/%3E%3C/svg%3E") center / contain no-repeat;
  height: 23px;
  width: 23px;
}

.account-benefit__icon--globe::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21.5a9.5 9.5 0 1 1 0-19 9.5 9.5 0 0 1 0 19Zm0-2.1c.73 0 1.52-.92 2.01-2.65h-4.02c.49 1.73 1.28 2.65 2.01 2.65Zm-2.47-4.75h4.94c.09-.78.14-1.66.14-2.65s-.05-1.87-.14-2.65H9.53A24.2 24.2 0 0 0 9.39 12c0 .99.05 1.87.14 2.65Zm7.1 0h2.17c.28-.82.44-1.71.44-2.65s-.16-1.83-.44-2.65h-2.17c.08.83.12 1.72.12 2.65s-.04 1.82-.12 2.65Zm-11.43 0h2.17A27.9 27.9 0 0 1 7.25 12c0-.93.04-1.82.12-2.65H5.2A7.4 7.4 0 0 0 4.76 12c0 .94.16 1.83.44 2.65Zm4.79-7.4h4.02C13.52 5.52 12.73 4.6 12 4.6s-1.52.92-2.01 2.65Zm6.18 0h1.5a7.45 7.45 0 0 0-2.63-1.94c.45.59.83 1.25 1.13 1.94Zm-9.84 0h1.5c.3-.69.68-1.35 1.13-1.94a7.45 7.45 0 0 0-2.63 1.94Zm8.71 11.44a7.45 7.45 0 0 0 2.63-1.94h-1.5c-.3.69-.68 1.35-1.13 1.94Zm-6.08 0a8.2 8.2 0 0 1-1.13-1.94h-1.5a7.45 7.45 0 0 0 2.63 1.94Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21.5a9.5 9.5 0 1 1 0-19 9.5 9.5 0 0 1 0 19Zm0-2.1c.73 0 1.52-.92 2.01-2.65h-4.02c.49 1.73 1.28 2.65 2.01 2.65Zm-2.47-4.75h4.94c.09-.78.14-1.66.14-2.65s-.05-1.87-.14-2.65H9.53A24.2 24.2 0 0 0 9.39 12c0 .99.05 1.87.14 2.65Zm7.1 0h2.17c.28-.82.44-1.71.44-2.65s-.16-1.83-.44-2.65h-2.17c.08.83.12 1.72.12 2.65s-.04 1.82-.12 2.65Zm-11.43 0h2.17A27.9 27.9 0 0 1 7.25 12c0-.93.04-1.82.12-2.65H5.2A7.4 7.4 0 0 0 4.76 12c0 .94.16 1.83.44 2.65Zm4.79-7.4h4.02C13.52 5.52 12.73 4.6 12 4.6s-1.52.92-2.01 2.65Zm6.18 0h1.5a7.45 7.45 0 0 0-2.63-1.94c.45.59.83 1.25 1.13 1.94Zm-9.84 0h1.5c.3-.69.68-1.35 1.13-1.94a7.45 7.45 0 0 0-2.63 1.94Zm8.71 11.44a7.45 7.45 0 0 0 2.63-1.94h-1.5c-.3.69-.68 1.35-1.13 1.94Zm-6.08 0a8.2 8.2 0 0 1-1.13-1.94h-1.5a7.45 7.45 0 0 0 2.63 1.94Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.account-benefit h3 {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.015em;
}

.account-benefit p {
  font-size: 13px;
  line-height: 1.45;
  max-width: 420px;
}

@media (max-width: 480px) {
  .account-input-wrap--email::before,
  .account-input-wrap--password::before {
    left: 17px;
  }

  .account-input-wrap--email input,
  .account-input-wrap--password input {
    padding-left: 52px !important;
  }

  .account-benefit {
    grid-template-columns: 46px minmax(0, 1fr);
  }
}

/* V1787: definitive compact input icon centerline guardrail */
.account-input-wrap--email,
.account-input-wrap--password {
  --account-control-height: 42px;
  --account-icon-color: var(--account-blue);
  display: block;
  height: var(--account-control-height);
  position: relative;
}

.account-input-wrap--email::before,
.account-input-wrap--password::before {
  background-color: var(--account-icon-color);
  bottom: 0;
  left: 22px;
  margin-block: auto;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: none;
  z-index: 2;
}

.account-input-wrap--email::before {
  height: 24px;
  width: 24px;
}

.account-input-wrap--password::before {
  height: 25px;
  width: 25px;
}

.account-input-wrap--email input,
.account-input-wrap--password input,
.account-auth-card__panel--login .account-input-wrap--email input,
.account-auth-card__panel--login .account-input-wrap--password input {
  height: var(--account-control-height);
  line-height: var(--account-control-height);
  min-height: var(--account-control-height);
  padding: 0 14px 0 62px !important;
}

.account-input-wrap--email input::placeholder,
.account-input-wrap--password input::placeholder {
  line-height: var(--account-control-height);
}

@media (max-width: 480px) {
  .account-input-wrap--email::before,
  .account-input-wrap--password::before {
    left: 18px;
  }

  .account-input-wrap--email input,
  .account-input-wrap--password input {
    padding-left: 56px !important;
  }
}

/* V1788: align the account access card with the message container width.
   The green/error message bars already follow .account-entry__container; the
   auth card now uses that same column instead of the narrower legacy cap. */
.account-auth-card {
  max-width: none;
  width: 100%;
}

.account-auth-card__panel {
  padding-left: clamp(46px, 5vw, 64px);
  padding-right: clamp(46px, 5vw, 64px);
}

.account-auth-card__panel--login .account-form {
  max-width: 520px;
}

.account-auth-card__panel--create .account-benefits,
.account-auth-card__panel--create .account-btn--outline {
  max-width: 520px;
}

@media (max-width: 1100px) {
  .account-auth-card {
    max-width: 860px;
  }

  .account-auth-card__panel--login .account-form,
  .account-auth-card__panel--create .account-benefits,
  .account-auth-card__panel--create .account-btn--outline {
    max-width: none;
  }
}

@media (max-width: 760px) {
  .account-auth-card__panel {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* V2121: structural desktop CTA baseline alignment.
   The login and create-account panels now use the same vertical rhythm: each
   panel is a column, and the primary/secondary CTA is anchored to the shared
   bottom action line. This removes fragile manual margin offsets and keeps
   the two buttons aligned when copy length, icon rendering, or browser font
   metrics change. */
@media (min-width: 1101px) {
  .account-auth-card__panel {
    display: flex;
    flex-direction: column;
  }

  .account-auth-card__panel--login .account-form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
  }

  .account-auth-card__panel--login .account-btn--primary,
  .account-auth-card__panel--create .account-btn--outline {
    margin-top: auto;
  }

  .account-auth-card__panel--create .account-benefits {
    gap: 20px;
    margin: 28px 0 24px;
  }
}

@media (max-width: 1100px) {
  .account-auth-card__panel--create .account-btn--outline {
    margin-top: 0;
  }
}


/* V1790: keep mobile account entry lean.
   Desktop/tablet keeps the two-panel account access card; compact mobile hides
   the right-side create-account benefits and exposes a simple text link below
   Sign in that targets the existing registration form. */
.account-mobile-create {
  display: none;
  color: var(--account-muted);
  font-size: 13px;
  line-height: 1.45;
  margin: 12px 0 0;
  text-align: center;
}

.account-mobile-create a {
  color: var(--account-blue);
  font-weight: 850;
  text-decoration: none;
}

.account-mobile-create a:hover {
  color: var(--account-blue-dark);
  text-decoration: underline;
}

@media (max-width: 760px) {
  .account-auth-card__divider,
  .account-auth-card__panel--create {
    display: none;
  }

  .account-mobile-create {
    display: block;
  }
}

/* V1791: remove the registration step rail from compact mobile.
   The desktop rail remains useful for long forms; on mobile the section titles
   inside the form already provide the structure, so the rail is hidden to keep
   registration fast and uncluttered. */
@media (max-width: 760px) {
  .account-register-card__rail {
    display: none;
  }

  .account-register-card__content {
    border-top: 0;
  }
}

/* V1794: normalize account registration control thickness and alignment.
   All text/select fields use the same compact 42px control height. The phone
   prefix and phone input share the same row height, and icon-bearing password
   fields keep their centerline alignment without creating taller boxes. */
.account-entry input[type="text"],
.account-entry input[type="password"],
.account-entry input[type="email"],
.account-entry input[type="url"],
.account-entry select {
  height: 42px;
  min-height: 42px;
  line-height: normal;
  padding-top: 0;
  padding-bottom: 0;
}

.account-entry select {
  padding-right: 36px;
}

.account-input-wrap--email,
.account-input-wrap--password {
  --account-control-height: 42px;
  height: 42px;
}

.account-input-wrap--email input,
.account-input-wrap--password input,
.account-auth-card__panel--login .account-input-wrap--email input,
.account-auth-card__panel--login .account-input-wrap--password input {
  height: 42px;
  min-height: 42px;
  line-height: normal;
}


.account-form-grid .account-field {
  align-content: start;
}

/* V1795: desktop-only registration wizard.
   Desktop uses the existing step rail as real navigation and shows one section
   at a time. Mobile/tablet stays linear, with the rail hidden as in V1791. */
.account-step {
  appearance: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  width: 100%;
}

.account-step:focus,
.account-step:active {
  outline: none;
}

.account-step:focus-visible {
  box-shadow: 0 0 0 3px rgba(11, 78, 162, 0.14);
}

.account-step__title {
  color: #132945;
  display: block;
  font-size: 14px;
  font-weight: 850;
  margin: 0;
}

.account-step__copy {
  color: var(--account-muted);
  display: block;
  font-size: 13px;
  line-height: 1.5;
  margin: 4px 0 0;
}

.account-btn--ghost {
  background: #fff;
  border-color: rgba(11, 78, 162, 0.22);
  color: var(--account-blue);
  min-width: 126px;
}

.account-btn--ghost:hover {
  background: #f6faff;
  color: var(--account-blue-dark);
}

.account-btn--wizard-next {
  min-width: 220px;
  width: auto;
}

.account-register-card.is-wizard-ready .account-register-form__section {
  display: none;
}

.account-register-card.is-wizard-ready .account-register-form__section.is-active {
  display: grid;
}

.account-register-card.is-wizard-ready .account-btn--register,
.account-register-card.is-wizard-ready .account-btn--wizard-next,
.account-register-card.is-wizard-ready .account-btn--wizard-prev {
  display: inline-flex;
}

.account-register-card.is-wizard-ready .account-btn--register,
.account-register-card.is-wizard-ready .account-btn--wizard-next.is-hidden,
.account-register-card.is-wizard-ready .account-btn--wizard-prev.is-hidden {
  display: none;
}

.account-register-card.is-wizard-ready.is-final-step .account-btn--register {
  display: inline-flex;
}

.account-register-card.is-wizard-ready.is-final-step .account-btn--wizard-next {
  display: none;
}

@media (min-width: 1101px) {
  .account-register-card.is-wizard-ready .account-register-card__content {
    min-height: 620px;
  }

  .account-register-card.is-wizard-ready .account-register-form {
    min-height: 100%;
  }

  .account-register-card.is-wizard-ready .account-register-form__section.is-active {
    animation: accountWizardStepIn 180ms ease both;
  }

  .account-register-card.is-wizard-ready .account-register-actions {
    border-top: 1px solid rgba(13, 73, 145, 0.10);
    margin-top: auto;
    padding-top: 18px;
  }
}

@keyframes accountWizardStepIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1100px) {
  .account-register-card.is-wizard-ready .account-register-form__section,
  .account-register-card.is-wizard-ready .account-register-form__section.is-active {
    display: grid;
  }

  .account-btn--wizard-prev,
  .account-btn--wizard-next {
    display: none !important;
  }

  .account-register-card.is-wizard-ready .account-btn--register,
  .account-register-card.is-wizard-ready.is-final-step .account-btn--register {
    display: inline-flex;
  }
}

/* Align registration card width with the main account card. */
.account-register-card {
  max-width: none;
  width: 100%;
}

@media (max-width: 1100px) {
  .account-register-card {
    max-width: 860px;
  }
}

@media (max-width: 760px) {
  .account-register-card {
    max-width: none;
  }
}

/* V1800/V1801/V1803: integrated phone number textbox.
   The country prefix remains a backend-fed select, but it now lives inside the
   same visual control as the phone number input: one outer border, one shared
   radius, and a single internal separator. V1801 intentionally scopes the
   select override through .account-entry and .account-phone-row so the generic
   account select rule cannot reapply its own border/radius/width to the prefix.
   V1803 keeps the prefix typography calm and professional instead of heavy. */
.account-phone-row {
  align-items: stretch;
  background: #fff;
  border: 1px solid #d9e2ef;
  border-radius: 8px;
  display: flex;
  height: 42px;
  min-height: 42px;
  min-width: 0;
  overflow: hidden;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  width: 100%;
}

.account-phone-row:focus-within {
  border-color: rgba(11, 78, 162, 0.48);
  box-shadow: 0 0 0 4px rgba(11, 78, 162, 0.08);
}

.account-entry .account-phone-row .account-phone-prefix-select {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image:
    linear-gradient(45deg, transparent 50%, #0b4ea2 50%),
    linear-gradient(135deg, #0b4ea2 50%, transparent 50%);
  background-position:
    calc(100% - 13px) 18px,
    calc(100% - 8px) 18px;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid #d9e2ef !important;
  box-shadow: none !important;
  color: #17314f;
  cursor: pointer;
  font-family: inherit;
  letter-spacing: 0;
  display: block;
  flex: 0 0 126px;
  font-size: 13px;
  font-weight: 500;
  height: 100%;
  line-height: 42px;
  margin: 0 !important;
  min-height: 0;
  min-width: 126px;
  outline: none;
  padding: 0 26px 0 14px;
  text-align: left;
  text-overflow: clip;
  white-space: nowrap;
  width: 126px;
}

.account-entry .account-phone-row--optional {
  background: #ffffff;
}

.account-entry .account-phone-row input[data-account-phone-input] {
  background: #fff;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  flex: 1 1 auto;
  height: 100%;
  line-height: 42px;
  margin: 0 !important;
  min-height: 0;
  min-width: 0;
  padding: 0 14px;
  width: auto !important;
}

.account-entry .account-phone-row .account-phone-prefix-select:focus,
.account-entry .account-phone-row input[data-account-phone-input]:focus {
  box-shadow: none !important;
  outline: none;
}

.account-entry .account-phone-row .account-phone-prefix-select:focus {
  border-right-color: #d9e2ef !important;
}

@media (max-width: 480px) {
  .account-entry .account-phone-row .account-phone-prefix-select {
    flex-basis: 118px;
    min-width: 118px;
    width: 118px;
  }
}

/* V1804: dynamic registration required-field UX.
   Required markers and inline client-side errors mirror the backend registration
   policy: Buyer keeps a lean signup, while professional profiles must provide
   business identity fields before continuing through the desktop wizard. */
.account-required-marker {
  color: #c73535;
  font-weight: 800;
  margin-left: 4px;
}

.account-required-marker[hidden] {
  display: none !important;
}

.account-error--client {
  min-height: 0;
}

.account-error--client:empty {
  display: none;
}

.account-field.has-account-error > input,
.account-field.has-account-error > select,
.account-field.has-account-error > textarea,
.account-field.has-account-error .account-input-wrap > input,
.account-field.has-account-error .account-input-wrap > select,
.account-field.has-account-error .account-input-wrap > textarea,
.account-phone-row.has-account-error {
  border-color: #c73535 !important;
  box-shadow: 0 0 0 3px rgba(199, 53, 53, 0.08) !important;
}

.account-field.has-account-error .account-input-wrap {
  border: 0 !important;
  box-shadow: none !important;
}

.account-field.has-account-error .account-error--client:not(:empty),
.account-field.has-account-error .account-error:not(:empty) {
  margin-top: 2px;
}

.account-field.has-account-error label {
  color: #8f2424;
}


/* V1814: registration inline error placement from V1812 baseline.
   Server-side error nodes are rendered only when they contain backend errors,
   and empty client-side error nodes do not reserve vertical space. This keeps
   every validation message directly inside its own field wrapper across all
   registration steps. */
.account-field > .account-error:not(:empty),
.account-field > .account-error--client:not(:empty) {
  margin-top: 0;
}

/* V1812: registration validation layout polish.
   Keep validation styling consistent across standard inputs and integrated phone
   controls: only the actual control gets the red border, never the outer wrapper.
   On desktop the optional landline sits under the main phone number column. */
@media (min-width: 761px) {
  .account-form-grid--register-main .account-field--phone-secondary {
    grid-column: 2;
  }
}

/* V1806: account registration security step rebalance
   V1807: integrated optional land-line prefix textbox.
   Password fields and password policy help text now live in the Security step;
   the optional landline stays with phone contact details and Website stays with
   business details. No visual system change is required beyond the HTML layout. */


/* V1808: account registration copy and mobile spacing polish. */
@media (max-width: 760px) {
  .account-register-form {
    gap: 18px;
  }

  .account-register-form__section {
    gap: 14px;
    padding-bottom: 18px;
  }

  .account-form-grid,
  .account-form-grid--register-main,
  .account-form-grid--three {
    gap: 14px;
  }

  .account-field {
    gap: 6px;
  }
}

/* V1810: center the secondary login link only in the mobile registration layout.
   Desktop wizard actions keep their existing spacing/alignment. */
@media (max-width: 760px) {
  .account-register-actions__login {
    align-self: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    width: 100%;
  }
}


/* V1819: registration input-control height anchoring.
   The validation message was already written into the correct field, but the
   normal input wrapper did not own a fixed control height like the integrated
   phone row. When the registration grid recalculated row height, standard text
   fields could leave visual whitespace between the textbox and its inline
   validation message. Keep every visible field atomic, keep hidden dynamic
   fields outside the layout, and make standard .account-input-wrap controls use
   the same explicit 42px control box as .account-phone-row. */
.account-register-form .account-form-grid {
  align-items: start !important;
  grid-auto-rows: min-content !important;
}

.account-register-form .account-form-grid > .account-field[hidden] {
  display: none !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) {
  align-content: start !important;
  align-self: start !important;
  align-items: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  height: auto !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > label {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 0 7px !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body {
  align-content: start !important;
  align-items: stretch !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  gap: 0 !important;
  height: auto !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-input-wrap,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-input-wrap {
  display: block !important;
  flex: 0 0 42px !important;
  height: 42px !important;
  line-height: 42px !important;
  margin: 0 !important;
  max-height: 42px !important;
  min-height: 42px !important;
  min-width: 0 !important;
  position: relative !important;
  width: 100% !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-input-wrap > input,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-input-wrap > select,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-input-wrap > input,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-input-wrap > select {
  display: block !important;
  height: 42px !important;
  line-height: 20px !important;
  margin: 0 !important;
  max-height: 42px !important;
  min-height: 42px !important;
  width: 100% !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-phone-row,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-phone-row {
  flex: 0 0 42px !important;
  height: 42px !important;
  margin: 0 !important;
  max-height: 42px !important;
  min-height: 42px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > input,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > select,
.account-register-form .account-form-grid > .account-field:not([hidden]) > input,
.account-register-form .account-form-grid > .account-field:not([hidden]) > select {
  flex: 0 0 42px !important;
  height: 42px !important;
  line-height: 20px !important;
  margin: 0 !important;
  max-height: 42px !important;
  min-height: 42px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > textarea,
.account-register-form .account-form-grid > .account-field:not([hidden]) > textarea {
  flex: 0 0 auto !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-error,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-error--client,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-error,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-error--client {
  flex: 0 0 auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-error:empty,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-error--client:empty,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-error:empty,
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-error--client:empty {
  display: none !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-error:not(:empty),
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-field__body > .account-error--client:not(:empty),
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-error:not(:empty),
.account-register-form .account-form-grid > .account-field:not([hidden]) > .account-error--client:not(:empty) {
  display: block !important;
  margin: 6px 0 0 !important;
  max-width: 100%;
}