/* Account content uses the public website's palette and spacing. The shared
   header and footer are rendered by account/includes/shell.php. */
:root {
  --account-ink: #121619;
  --account-navy: #163d64;
  --account-orange: #f87817;
  --account-orange-bright: #f87817;
  --account-cream: #f4f7f8;
  --account-paper: #fff;
  --account-muted: #59636b;
  --account-shadow: 0 14px 45px #0a17200d;
}

.site-header .nav-wrap { height: 76px; }
.site-header .brand b { font-size: 24px; }

@media (max-width: 790px) {
  .site-header .nav-wrap { height: 64px; }
}

@media (max-width: 520px) {
  .site-header .brand b { font-size: 19px; }
}

.account-main {
  background: var(--pale);
  background-size: auto;
  padding-block: clamp(3.5rem, 6vw, 5rem);
}

.account-main::before { display: none; }

.account-auth-card {
  background: #fff;
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: var(--account-shadow);
  padding: clamp(2rem, 5vw, 3.5rem);
}

.account-auth-card::before {
  height: 3px;
  background: var(--orange);
}

.account-auth-card h1 {
  font-size: clamp(42px, 5vw, 60px);
  line-height: 1.1;
}

.account-main .btn {
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}

.account-main .btn-ow-accent,
.account-main .btn-primary {
  color: #101820;
  background: var(--orange);
  border-color: var(--orange);
  box-shadow: none;
}

.account-main .btn-ow-accent:hover,
.account-main .btn-ow-accent:focus-visible,
.account-main .btn-primary:hover,
.account-main .btn-primary:focus-visible {
  color: #101820;
  background: #e96d0f;
  border-color: #e96d0f;
  transform: none;
}