/* Account layout is independent from the large marketing-page headings. */
.auth-view.is-active {
  width: min(1080px, calc(100% - 48px));
  min-height: 0;
  margin: 36px auto;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  border: 1px solid #d8d3c9;
  box-shadow: 0 12px 40px #1720190c;
}
.auth-view .auth-brand-panel {
  min-height: 0;
  padding: 36px;
  gap: 32px;
  justify-content: flex-start;
  background: #303a32;
}
.auth-view .auth-brand-panel::after { display: none; }
.auth-view .auth-logo { width: 88px; height: 88px; object-fit: contain; }
.auth-view .route-kicker { font-size: 10px; letter-spacing: .16em; margin: 0 0 12px; }
.auth-view .auth-brand-panel h1 {
  font-size: clamp(28px, 2.6vw, 36px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 18px;
}
.auth-view .auth-brand-panel > div > p:last-child {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  color: #e1e4dd;
  margin: 0;
}
.auth-view .auth-brand-panel ul { display: grid; gap: 16px; margin: auto 0 0; }
.auth-view .auth-brand-panel li { font-size: 12px; letter-spacing: 0; color: #e1e4dd; }
.auth-view .auth-form-panel {
  min-height: 0;
  padding: 68px 36px 32px;
  background: #f7f6f2;
}
.auth-view .auth-back { top: 22px; left: 36px; font-size: 13px; }
.auth-view .auth-card { width: min(440px, 100%); }
.auth-view .auth-card h2 {
  font-size: clamp(24px, 2.3vw, 30px);
  line-height: 1.25;
  letter-spacing: -.025em;
  margin: 0 0 20px;
}
.auth-view .auth-tabs { margin-bottom: 20px; }
.auth-view .auth-tabs button { font-size: 13px; min-height: 44px; padding: 12px 8px; }
.auth-view .auth-card form { gap: 13px; }
.auth-view .auth-card label { gap: 6px; font-size: 13px; letter-spacing: 0; }
.auth-view .auth-card input:not([type="checkbox"]) { min-height: 44px; padding: 11px 12px; font-size: 16px; }
.auth-view .auth-card .button { min-height: 44px; padding: 12px 18px; font-size: 14px; }
.auth-view .auth-text-link { min-height: 36px; margin-top: 0; }
.auth-view .auth-security { color: #625e55; line-height: 1.5; }
.auth-view #auth-result:empty { min-height: 0; margin-top: 10px; }
@media (max-width: 760px) {
  .auth-view.is-active { width: min(520px, calc(100% - 24px)); margin: 12px auto; grid-template-columns: 1fr; }
  .auth-view .auth-brand-panel { padding: 22px; gap: 18px; }
  .auth-view .auth-logo { width: 60px; height: 60px; }
  .auth-view .auth-brand-panel h1 { font-size: 26px; margin-bottom: 10px; }
  .auth-view .auth-brand-panel ul { display: none; }
  .auth-view .auth-form-panel { padding: 58px 22px 24px; }
  .auth-view .auth-back { left: 22px; top: 20px; }
  .auth-view .auth-card h2 { font-size: 24px; }
  .auth-view .auth-field-row { grid-template-columns: 1fr; }
}