/* Auth-only visual polish. Loaded AFTER auth.css, leaving existing auth rules intact. */
/* Restore the actual colors of the Dazzle brand mark on login, OTP and terms. */
.auth-card-landing .auth-brand-icon img {
  filter: none;
}

/* ALTCHA v1.0 uses inherited CSS custom properties; do not alter its logic. */
.auth-card-landing .auth-field-altcha altcha-widget {
  --altcha-max-width: 100%;
  --altcha-color-base: #fff;
  --altcha-color-text: var(--landing-ink, #261a3f);
  --altcha-color-border: rgba(124, 88, 253, .24);
  --altcha-color-border-focus: var(--landing-purple, #7c58fd);
  --altcha-color-active: var(--landing-purple, #7c58fd);
  --altcha-color-error-text: #b3403a;
  --altcha-border-width: 1.5px;
  --altcha-border-radius: 14px;
  width: 100%;
  display: block;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.8;
}

/* The custom element renders in the light DOM with the bundled ALTCHA v1.0. */
.auth-card-landing .auth-field-altcha altcha-widget .altcha {
  text-align: start !important;
  direction: inherit;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.auth-card-landing .auth-field-altcha altcha-widget .altcha:focus-within {
  box-shadow: 0 0 0 4px rgba(124, 88, 253, .10);
}
.auth-card-landing .auth-field-altcha altcha-widget .altcha-main {
  min-height: 48px;
  padding: 10px 12px;
}
.auth-card-landing .auth-field-altcha altcha-widget .altcha-checkbox input {
  accent-color: var(--landing-purple, #7c58fd);
}