/* AudaXCRM access — full-screen surface aligned with the public sales page. */
:root {
  color-scheme: dark;
  --ax-access-bg: #0a100e;
  --ax-access-surface: #0f1814;
  --ax-access-surface-raised: #142019;
  --ax-access-text: #f3f8f5;
  --ax-access-muted: #91a39a;
  --ax-access-subtle: #6f8178;
  --ax-access-line: rgba(229, 242, 234, .11);
  --ax-access-line-strong: rgba(229, 242, 234, .2);
  --ax-access-accent: #39d98a;
  --ax-access-accent-ink: #07130d;
  --ax-access-accent-soft: rgba(57, 217, 138, .09);
  --ax-access-input: rgba(255, 255, 255, .035);
  --ax-access-shadow: rgba(0, 0, 0, .24);
}

html[data-theme="light"] {
  color-scheme: light;
  --ax-access-bg: #f5f8f6;
  --ax-access-surface: #ffffff;
  --ax-access-surface-raised: #eef4f0;
  --ax-access-text: #152b1f;
  --ax-access-muted: #53675b;
  --ax-access-subtle: #728178;
  --ax-access-line: rgba(21, 60, 36, .1);
  --ax-access-line-strong: rgba(21, 60, 36, .2);
  --ax-access-accent: #007b49;
  --ax-access-accent-ink: #ffffff;
  --ax-access-accent-soft: rgba(0, 123, 73, .07);
  --ax-access-input: rgba(255, 255, 255, .72);
  --ax-access-shadow: rgba(18, 54, 32, .08);
}

html,
body {
  background: var(--ax-access-bg) !important;
  color: var(--ax-access-text) !important;
}

body {
  display: block !important;
  min-height: 100svh !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body::before,
body::after,
.login-canvas,
.ambient-message-layer,
.status-strip {
  display: none !important;
}

.access-theme-toggle {
  position: fixed;
  top: max(22px, env(safe-area-inset-top));
  right: max(24px, env(safe-area-inset-right));
  z-index: 48;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--ax-access-line-strong);
  border-radius: 50%;
  background: color-mix(in srgb, var(--ax-access-bg) 88%, transparent);
  color: var(--ax-access-text);
  cursor: pointer;
  backdrop-filter: blur(14px);
  transition: border-color .2s ease, color .2s ease, transform .2s ease;
}

.access-theme-toggle:hover {
  color: var(--ax-access-accent);
  border-color: var(--ax-access-accent);
  transform: translateY(-1px);
}

.access-theme-toggle svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

.shell,
body.ax-register-active .shell {
  width: 100vw !important;
  max-width: none !important;
  height: 100svh !important;
  min-height: 100svh !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: var(--ax-access-bg) !important;
}

.shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(420px, .94fr) !important;
  align-items: stretch !important;
}

.brand,
body.ax-register-active .brand {
  position: relative !important;
  display: grid !important;
  align-content: center !important;
  width: auto !important;
  height: 100svh !important;
  max-height: 100svh !important;
  padding: clamp(40px, 6vh, 88px) clamp(42px, 7vw, 112px) !important;
  overflow: hidden !important;
  border: 0 !important;
  background: var(--ax-access-bg) !important;
}

.brand::after {
  content: "" !important;
  position: absolute !important;
  inset: 11% 0 11% auto !important;
  width: 1px !important;
  display: block !important;
  background: linear-gradient(transparent, var(--ax-access-line-strong) 16%, var(--ax-access-line-strong) 84%, transparent) !important;
  animation: none !important;
}

.brand::before {
  content: "" !important;
  position: absolute !important;
  left: clamp(42px, 8vw, 132px) !important;
  bottom: 11% !important;
  width: 84px !important;
  height: 1px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ax-access-accent) !important;
  box-shadow: none !important;
  opacity: .72 !important;
  animation: none !important;
}

.brand-identity {
  width: min(580px, 100%) !important;
  max-width: none !important;
  display: grid !important;
  align-content: center !important;
  gap: 0 !important;
}

.brand-logo {
  width: min(244px, 58%) !important;
  margin: 0 0 clamp(28px, 4vh, 44px) !important;
}

.brand-logo img {
  width: 100% !important;
  max-height: none !important;
  filter: none !important;
}

html[data-theme="light"] .brand-logo img,
html[data-theme="light"] .auth-transition__mark img {
  content: url('/brand/audax-logo-wordmark-preta-transparente.png?v=20260909-brand-sync2');
}

.brand-kicker,
.access-kicker,
.register-kicker {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ax-access-accent) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
}

.brand .brand-kicker {
  margin: 0 0 14px !important;
}

.brand-product-name,
.brand h1.brand-product-name {
  max-width: none !important;
  margin: 0 !important;
  color: var(--ax-access-text) !important;
  font-size: clamp(38px, 4vw, 56px) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -.05em !important;
}

.brand-presentation p {
  max-width: 54ch !important;
  margin: 16px 0 0 !important;
  color: var(--ax-access-muted) !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

.brand-tips {
  width: min(560px, 100%);
  display: grid;
  gap: 12px;
  margin-top: clamp(26px, 4vh, 38px);
}

.brand-tips__viewport {
  overflow: hidden;
  border-top: 1px solid var(--ax-access-line);
  border-bottom: 1px solid var(--ax-access-line);
}

.brand-tips__track {
  display: flex;
  width: 100%;
  transition: transform 420ms cubic-bezier(.22,.75,.25,1);
  will-change: transform;
}

.brand-tips__track.is-instant {
  transition: none;
}

.brand-tip {
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
  min-height: 104px;
  padding: 14px 0;
}

.brand-tip__index {
  display: block;
  padding-top: 2px;
  color: var(--ax-access-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
}

.brand-tip__content {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.brand-tip__content strong {
  color: var(--ax-access-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.42;
}

.brand-tip__route {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--ax-access-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .015em;
  line-height: 1.35;
}

.brand-tip__route > span {
  color: var(--ax-access-accent);
  font-size: 12px;
  line-height: 1;
}

.brand-tips__footer,
.brand-tips__controls {
  display: flex;
  align-items: center;
}

.brand-tips__footer {
  justify-content: space-between;
  gap: 16px;
}

.brand-tips__controls {
  gap: 8px;
}

.brand-tips__counter {
  color: var(--ax-access-subtle);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
}

.brand-tips__control {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--ax-access-line-strong);
  border-radius: 10px;
  background: transparent;
  color: var(--ax-access-text);
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease;
}

.brand-tips__control:hover {
  border-color: var(--ax-access-accent);
  color: var(--ax-access-accent);
  transform: translateY(-1px);
}

.brand-tips__control:focus-visible {
  outline: none;
  border-color: var(--ax-access-accent);
  box-shadow: 0 0 0 3px var(--ax-access-accent-soft);
}

.brand-tips__control--next {
  border-color: var(--ax-access-accent);
  background: var(--ax-access-accent-soft);
}

.brand-tips__control--next span {
  color: var(--ax-access-accent);
  font-size: 13px;
}

.brand-product-name,
.brand h1.brand-product-name {
  max-width: 13ch !important;
  margin: 18px 0 0 !important;
  color: var(--ax-access-text) !important;
  font-size: clamp(37px, 4.2vw, 64px) !important;
  font-weight: 550 !important;
  line-height: 1.06 !important;
  letter-spacing: -.055em !important;
}

.brand-presentation p {
  max-width: 48ch !important;
  margin: 26px 0 0 !important;
  color: var(--ax-access-muted) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

.brand-highlights {
  gap: 20px !important;
  margin-top: 36px !important;
}

.brand-highlights span {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ax-access-muted) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.brand-highlights i {
  width: 4px !important;
  height: 4px !important;
  background: var(--ax-access-accent) !important;
  box-shadow: none !important;
}

.brand-outcomes,
.brand-signature {
  display: none !important;
}

.card,
body.ax-register-active .card {
  position: relative !important;
  display: grid !important;
  align-content: center !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: clamp(64px, 8vw, 126px) clamp(34px, 7vw, 104px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ax-access-surface) !important;
  box-shadow: none !important;
}

.card::before,
.card::after {
  display: none !important;
}

.home-back-link {
  position: absolute !important;
  top: max(22px, env(safe-area-inset-top)) !important;
  left: clamp(28px, 4vw, 64px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ax-access-muted) !important;
  font-size: 12px !important;
}

.tabs {
  width: min(440px, 100%) !important;
  margin: 0 0 46px !important;
  padding: 0 !important;
  gap: 26px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ax-access-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.tab {
  position: relative !important;
  min-height: 44px !important;
  border-radius: 0 !important;
  color: var(--ax-access-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
}

.tab.active {
  color: var(--ax-access-text) !important;
  background: transparent !important;
  box-shadow: inset 0 -2px var(--ax-access-accent) !important;
}

#login.view.active {
  width: min(440px, 100%) !important;
  margin: 0 !important;
}

.access-header h2,
.register-title,
.register-intro h1 {
  color: var(--ax-access-text) !important;
  font-weight: 550 !important;
  letter-spacing: -.045em !important;
}

.access-header h2 {
  margin-top: 15px !important;
  font-size: clamp(31px, 3vw, 42px) !important;
}

.access-header p,
.register-subtitle,
.register-intro p,
.register-note {
  color: var(--ax-access-muted) !important;
}

.field label {
  color: var(--ax-access-muted) !important;
  font-size: 11px !important;
}

.field input,
.field select,
.field textarea,
.password-control {
  border-color: var(--ax-access-line-strong) !important;
  border-radius: 7px !important;
  background: var(--ax-access-input) !important;
  color: var(--ax-access-text) !important;
  box-shadow: none !important;
}

.field input:focus,
.field select:focus,
.field textarea:focus,
.password-control:focus-within {
  border-color: var(--ax-access-accent) !important;
  box-shadow: 0 0 0 3px var(--ax-access-accent-soft) !important;
}

.btn {
  border-radius: 7px !important;
  background: var(--ax-access-accent) !important;
  color: var(--ax-access-accent-ink) !important;
  box-shadow: none !important;
}

.btn.secondary,
.toggle {
  border-color: var(--ax-access-line-strong) !important;
  background: transparent !important;
  color: var(--ax-access-text) !important;
}

.remember-check,
.support-row .msg,
.access-trust,
.link {
  color: var(--ax-access-muted) !important;
}

/* Registration occupies the full canvas and keeps selection controls flat. */
body.ax-register-active .shell {
  display: block !important;
}

body.ax-register-active .brand {
  display: none !important;
}

body.ax-register-active .card {
  padding: max(54px, env(safe-area-inset-top)) clamp(28px, 6vw, 96px) max(30px, env(safe-area-inset-bottom)) !important;
}

#register.register-view.view.active {
  grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr) !important;
  gap: 30px clamp(40px, 7vw, 112px) !important;
  width: min(1320px, 100%) !important;
  max-width: 1320px !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.register-topbar {
  padding: 0 0 18px !important;
  border-bottom-color: var(--ax-access-line) !important;
  background: var(--ax-access-surface) !important;
}

.register-intro {
  padding: 18px clamp(30px, 5vw, 72px) 18px 0 !important;
  border: 0 !important;
  border-right: 1px solid var(--ax-access-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.register-intro dl > div {
  border-bottom-color: var(--ax-access-line) !important;
}

.register-intro dl dt,
.register-progress__item span {
  border-color: var(--ax-access-line-strong) !important;
  background: transparent !important;
  color: var(--ax-access-muted) !important;
}

.register-intro dl > div.active dt,
.register-progress__item.active span,
.register-progress__item.done span {
  border-color: var(--ax-access-accent) !important;
  background: var(--ax-access-accent) !important;
  color: var(--ax-access-accent-ink) !important;
  animation: none !important;
}

.register-intro dl dd,
.register-progress__item,
.register-commercial-heading span {
  color: var(--ax-access-muted) !important;
}

.register-intro dl > div.active dd,
.register-intro dl > div.done dd,
.register-progress__item.active,
.register-commercial-heading strong {
  color: var(--ax-access-text) !important;
}

.register-progress__line {
  background: var(--ax-access-line-strong) !important;
}

.register-trial-promise,
.register-review,
.register-review__item,
.reg-plan-card,
.reg-service-card,
.recover-box,
.install-banner,
.login-banner {
  border-color: var(--ax-access-line) !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.reg-plan-card.selected,
.reg-service-card.selected {
  border-color: var(--ax-access-accent) !important;
  background: var(--ax-access-accent-soft) !important;
}

.register-note {
  border: 0 !important;
  border-left: 2px solid var(--ax-access-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* One restrained AudaX entry for both session validation and redirect. */
.auth-transition {
  background: var(--ax-access-bg) !important;
}

.auth-transition::before {
  display: none !important;
}

.auth-transition::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  left: 50% !important;
  top: 50% !important;
  width: min(520px, 90vw) !important;
  height: min(260px, 46vw) !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse, rgba(57, 217, 138, .1), transparent 68%) !important;
  opacity: .35 !important;
  transform: translate(-50%, -50%) scale(.94) !important;
  animation: axAccessBrandPulse 3.6s ease-in-out infinite !important;
}

.auth-transition__content {
  width: min(390px, calc(100vw - 48px)) !important;
  gap: 18px !important;
}

.auth-transition__mark {
  position: relative !important;
  width: min(280px, 72vw) !important;
  height: auto !important;
  padding: 0 0 24px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.auth-transition__mark::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  bottom: 24px !important;
  left: 0 !important;
  width: 100% !important;
  pointer-events: none !important;
  background: linear-gradient(100deg, transparent 32%, rgba(255,255,255,.72) 50%, transparent 68%) -110% center / 38% 100% no-repeat !important;
  -webkit-mask: url('/brand/audax-logo-wordmark-transparente.png?v=20260909-brand-sync2') center / contain no-repeat !important;
  mask: url('/brand/audax-logo-wordmark-transparente.png?v=20260909-brand-sync2') center / contain no-repeat !important;
  animation: axAccessBrandShine 2.4s cubic-bezier(.22,.7,.22,1) 50ms infinite !important;
}

@keyframes axAccessBrandShine {
  from { background-position: -110% center; opacity: 0; }
  16% { opacity: .72; }
  56% { background-position: 210% center; opacity: 0; }
  to { background-position: 210% center; opacity: 0; }
}

@keyframes axAccessBrandPulse {
  0%, 100% { opacity: .24; transform: translate(-50%, -50%) scale(.94); }
  50% { opacity: .48; transform: translate(-50%, -50%) scale(1.04); }
}

.auth-transition__mark img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  filter: none !important;
}

.auth-transition__mark::after {
  content: "" !important;
  position: absolute !important;
  left: 5% !important;
  right: 5% !important;
  bottom: 0 !important;
  height: 30px !important;
  display: block !important;
  background: linear-gradient(90deg, transparent, var(--ax-access-accent), transparent) !important;
  filter: blur(13px) !important;
  opacity: .18 !important;
  transform: scaleY(-1) !important;
}

.auth-transition__content > strong {
  display: none !important;
}

.auth-transition__content > span:not(.auth-transition__mark) {
  color: var(--ax-access-muted) !important;
  font-size: 11px !important;
  letter-spacing: .05em !important;
}

.auth-transition__bar {
  width: min(220px, 70vw) !important;
  height: 2px !important;
  margin-top: 0 !important;
  background: var(--ax-access-line) !important;
}

.auth-transition__bar::after {
  background: linear-gradient(90deg, transparent, var(--ax-access-accent), transparent) !important;
  box-shadow: none !important;
}

/* Conteúdo editorial do Acesso: uma dica por vez, sem rolagem no painel esquerdo. */
.brand .brand-kicker {
  margin: 0 0 14px !important;
}

.brand h1.brand-product-name {
  max-width: none !important;
  margin: 0 !important;
  font-size: clamp(38px, 4vw, 56px) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
}

.brand .brand-presentation p {
  max-width: 54ch !important;
  margin: 16px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

@media (max-width: 980px) {
  body {
    overflow-y: auto !important;
  }

  .shell {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 100svh !important;
  }

  .brand {
    min-height: 38svh !important;
    padding: max(72px, env(safe-area-inset-top)) 28px 46px !important;
  }

  .brand::after {
    inset: auto 28px 0 !important;
    width: auto !important;
    height: 1px !important;
  }

  .brand::before,
  .brand-presentation p,
  .brand-highlights,
  .brand-tips {
    display: none !important;
  }

  .brand-logo {
    width: min(230px, 62vw) !important;
    margin-bottom: 28px !important;
  }

  .brand-product-name,
  .brand h1.brand-product-name {
    max-width: 14ch !important;
    font-size: clamp(34px, 8vw, 50px) !important;
  }

  .card {
    min-height: 62svh !important;
    padding: 74px 28px max(42px, env(safe-area-inset-bottom)) !important;
  }

  #login.view.active,
  .tabs {
    width: min(520px, 100%) !important;
    margin-inline: auto !important;
  }

  body.ax-register-active .card {
    min-height: 100svh !important;
  }

  #register.register-view.view.active {
    grid-template-columns: 1fr !important;
    height: auto !important;
    gap: 24px !important;
  }

  .register-intro {
    padding: 4px 0 24px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ax-access-line) !important;
  }
}

@media (max-width: 560px) {
  .access-theme-toggle {
    top: max(14px, env(safe-area-inset-top));
    right: max(16px, env(safe-area-inset-right));
  }

  .brand {
    min-height: 31svh !important;
    padding: max(60px, env(safe-area-inset-top)) 20px 32px !important;
  }

  .brand-logo {
    width: min(190px, 58vw) !important;
    margin-bottom: 18px !important;
  }

  .brand-kicker {
    display: none !important;
  }

  .brand-product-name,
  .brand h1.brand-product-name {
    margin-top: 0 !important;
    font-size: clamp(29px, 9vw, 40px) !important;
  }

  .card {
    min-height: 69svh !important;
    padding: 58px 20px max(30px, env(safe-area-inset-bottom)) !important;
  }

  .home-back-link {
    top: 18px !important;
    left: 20px !important;
  }

  .tabs {
    margin-bottom: 34px !important;
  }

  body.ax-register-active .card {
    padding: max(58px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom)) !important;
  }

  .register-grid {
    grid-template-columns: 1fr !important;
  }

  .field-span-2 {
    grid-column: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .access-theme-toggle,
  .auth-transition::after,
  .auth-transition__mark::before,
  .auth-transition__bar::after,
  .brand-tip {
    animation: none !important;
    transition: none !important;
  }

  .brand-tips__track {
    transition: none !important;
  }

  .brand-tips__control {
    transition: none !important;
  }
}

/* Loader de acesso alinhado ao loader global: apenas a assinatura oficial e
   a linha de progresso, sem halo, reflexo ou elementos duplicados. */
.auth-transition::before,
.auth-transition::after,
.auth-transition__mark::before,
.auth-transition__mark::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

.auth-transition__content {
  width: min(330px, calc(100vw - 40px)) !important;
  gap: 14px !important;
}

.auth-transition__mark {
  width: min(260px, 72vw) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.auth-transition__bar {
  width: min(240px, 70vw) !important;
}

/* Acesso compacto: uma tela, sem rolagem e sem decoracao de fundo. */
@media (min-width: 981px) {
  html,
  body,
  body.ax-login-ready {
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    overflow: hidden !important;
  }

  body.ax-login-ready:not(.ax-register-active) {
    overflow: hidden !important;
  }

  body:not(.ax-register-active) .shell {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100svh !important;
    animation: none !important;
    transform: none !important;
  }

  body:not(.ax-register-active) .brand {
    padding: clamp(32px, 5vh, 56px) clamp(42px, 7vw, 112px) !important;
    animation: none !important;
    transform: none !important;
  }

  .brand::before,
  .brand::after,
  .brand-logo__halo {
    display: none !important;
    animation: none !important;
  }

  .brand-logo {
    width: min(224px, 54%) !important;
    margin: 0 0 24px !important;
  }

  .brand .brand-kicker,
  .brand .brand-presentation p,
  .brand-tip__index,
  .brand-tip__route {
    display: none !important;
  }

  .brand h1.brand-product-name {
    margin: 0 !important;
    font-size: clamp(27px, 2.4vw, 36px) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
  }

  .brand-tips {
    width: min(520px, 100%) !important;
    gap: 8px !important;
    margin-top: 18px !important;
  }

  .brand-tips__viewport {
    border: 0 !important;
  }

  .brand-tip {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 62px !important;
    padding: 4px 0 !important;
    align-items: center !important;
  }

  .brand-tip__content {
    gap: 0 !important;
  }

  .brand-tip__content strong {
    max-width: 48ch !important;
    font-size: 13px !important;
    line-height: 1.48 !important;
  }

  body:not(.ax-register-active) .card {
    padding: clamp(52px, 6vh, 68px) clamp(34px, 7vw, 104px) !important;
    animation: none !important;
    transform: none !important;
  }

  body:not(.ax-register-active) .tabs {
    margin-bottom: 20px !important;
  }

  body:not(.ax-register-active) #login.view.active {
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
  }

  body:not(.ax-register-active) .recover-box[aria-hidden="true"],
  body:not(.ax-register-active) #login-msg:empty {
    display: none !important;
  }

  body:not(.ax-register-active) .access-header {
    gap: 4px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  body:not(.ax-register-active) .access-header h2 {
    margin: 8px 0 2px !important;
    font-size: clamp(28px, 2.5vw, 36px) !important;
  }

  body:not(.ax-register-active) .access-header p {
    margin: 0 !important;
  }

  body:not(.ax-register-active) .field {
    gap: 4px !important;
    margin-bottom: 10px !important;
  }

  body:not(.ax-register-active) .field label {
    margin-bottom: 0 !important;
  }

  body:not(.ax-register-active) .field input,
  body:not(.ax-register-active) .password-control,
  body:not(.ax-register-active) .password-toggle,
  body:not(.ax-register-active) .btn {
    min-height: 44px !important;
  }

  body:not(.ax-register-active) .remember-row {
    margin: 0 0 12px !important;
  }

  body:not(.ax-register-active) .support-row {
    margin-top: 8px !important;
  }

  body:not(.ax-register-active) .access-trust {
    margin-top: 12px !important;
  }
}