/* DriveDiggers authentication theme — scoped; load after auth.css/v1-freeze.css. */
.auth-page {
  --auth-ink: #07151c;
  --auth-ink-2: #0b232c;
  --auth-navy: #0a2731;
  --auth-blue: #2d68d8;
  --auth-blue-2: #79a7ff;
  --auth-cyan: #38d6c7;
  --auth-paper: #f3f6f6;
  --auth-text: #40545b;
  --auth-muted: #6a7c82;
  --auth-line: #d7e2e3;
  background:
    linear-gradient(90deg, transparent calc(100% - 1px), rgba(255,255,255,.025) 100%) 0 0 / 76px 76px,
    linear-gradient(transparent calc(100% - 1px), rgba(255,255,255,.025) 100%) 0 0 / 76px 76px,
    radial-gradient(circle at 80% 70%, rgba(56,214,199,.08), transparent 24%),
    linear-gradient(135deg, #061219, #081b23 62%, #0a2630);
  font-family: "Segoe UI Variable", "Aptos", "Segoe UI", system-ui, sans-serif;
}
.auth-page h1,
.auth-page h2,
.auth-page h3,
.auth-page h4 { font-family: "Segoe UI Variable Display", "Aptos Display", "Segoe UI", system-ui, sans-serif; }
.auth-page .auth-grid { opacity: .25; }
.auth-page .auth-brand-mark {
  border: 0;
  border-radius: 11px;
  background: rgba(255,255,255,.96) url("../images/brand/drive-diggers-mark.png") center / contain no-repeat;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
}
.auth-page .auth-brand-mark::before,
.auth-page .auth-brand-mark::after,
.auth-page .auth-brand-mark > span { display: none; }
.auth-page .auth-brand:hover .auth-brand-mark { transform: translateY(-1px); }
.auth-page .auth-brand-copy small { color: #8fa4a8; }
.auth-page .auth-home-link { border-color: rgba(218,235,236,.18); color: #bfd0d2; }
.auth-page .auth-home-link:hover { border-color: rgba(255,181,71,.34); background: rgba(255,181,71,.07); color: #fff; }
.auth-page .auth-eyebrow { color: #ffbf5c; }
.auth-page .auth-eyebrow > span { background: #ffb547; }
.auth-page .auth-showcase h1 { font-weight: 720; letter-spacing: -.065em; }
.auth-page .auth-showcase h1 span { color: #cbdadb; background: none; -webkit-text-fill-color: currentColor; }
.auth-page .auth-showcase-copy > p { color: #aabdc0; }
.auth-page .auth-benefit-icon { border-radius: 8px; color: #38d6c7; background: rgba(56,214,199,.08); }
.auth-page .portal-card { border-radius: 12px; background: rgba(5,17,23,.76); }
.auth-page .portal-float { border-radius: 7px; background: rgba(7,24,32,.96); }
.auth-page .portal-progress-track span { background: linear-gradient(90deg, #4c86ff, #38d6c7); }
.auth-page .auth-card {
  border-color: #d7e2e3;
  border-radius: 16px;
  background: #fbfcfc;
  box-shadow: 0 34px 85px rgba(0,0,0,.22);
}
.auth-page .auth-card::before { background: linear-gradient(90deg, #2d68d8 0 54%, #ffb547 54% 72%, #38d6c7 72%); }
.auth-page .auth-switcher { border-radius: 9px; background: #eef3f3; }
.auth-page .auth-switcher a { border-radius: 7px; }
.auth-page .auth-card-heading > span { color: #2d68d8; }
.auth-page .auth-input-wrap { border-color: #ccdadd; border-radius: 9px; background: #fff; }
.auth-page .auth-input-wrap:focus-within { border-color: #2d68d8; box-shadow: 0 0 0 4px rgba(45,104,216,.1); }
.auth-page .auth-submit {
  border-radius: 8px;
  background: #ffb547;
  color: #132129;
  box-shadow: 0 14px 32px rgba(255,181,71,.2);
}
.auth-page .auth-submit:hover { background: #ffc05e; box-shadow: 0 18px 40px rgba(255,181,71,.28); }
.auth-page .auth-submit svg { stroke: #132129; }
.auth-page .auth-secondary-action { border-radius: 9px; }
.auth-page .auth-alert.error,
.auth-page .auth-field-error { color: #b72e42; }
.auth-page .auth-alert.error { border-color: #efb8c0; background: #fff3f5; }
.auth-page .auth-alert.success { border-color: #a9ddce; background: #effaf6; color: #116d52; }
.auth-page[data-account-action] .auth-visual-content { width: min(100%, 720px); color: #fff; }
.auth-page[data-account-action] .auth-visual-content h1 {
  margin: 20px 0 18px;
  color: #f7fbfb;
  font-size: clamp(2.2rem, 4vw, 4.4rem);
  font-weight: 710;
  letter-spacing: -.06em;
  line-height: 1.02;
}
.auth-page[data-account-action] .auth-visual-content p { max-width: 700px; color: #aabdc0; font-size: 1rem; line-height: 1.75; }
@media (prefers-reduced-motion: reduce) {
  .auth-page *, .auth-page *::before, .auth-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
