/*
 * Top Profit Club — premium white + champagne-gold theme
 * Loaded after page-specific styles so public, funnel, VSL and legal pages
 * share one accessible visual system without changing their layout or behavior.
 */
:root {
  --gold-light: #d1ad60;
  --gold: #ad7615;
  --gold-dark: #70490a;
  --gold-dim: rgba(173, 118, 21, 0.12);
  --gold-border: rgba(145, 96, 16, 0.38);
  --bg-page: #f2ede4;
  --bg-card: #fffdf8;
  --bg-input: #fffaf2;
  --bg-form: #fff9ef;
  --text-primary: #24231f;
  --text-gold: #8a611b;
  --text-muted: #6d6961;
  --text-white: #24231f;
  --border-gold: rgba(145, 96, 16, 0.40);
  --border-subtle: rgba(76, 65, 48, 0.19);
  --black: #191916;
  --white: #ffffff;
  --gradient-gold: linear-gradient(135deg, #d5b873 0%, #aa7927 55%, #805817 100%);
  --gradient-gold-h: linear-gradient(90deg, #d5b873 0%, #aa7927 55%, #805817 100%);
  --gradient-bg: linear-gradient(160deg, #fcfaf5 0%, #f3ede3 54%, #e9dfd0 100%);
  --shadow-btn: 0 10px 28px rgba(80, 59, 23, 0.22);
  --shadow-card: 0 18px 52px rgba(52, 40, 21, 0.14), 0 3px 10px rgba(52, 40, 21, 0.07);
  --shadow-input: 0 0 0 3px rgba(169, 119, 34, 0.14);
}

html { color-scheme: light; background: var(--bg-page); }
body { background: var(--bg-page); color: var(--text-primary); }
.bg-fixed,
.legal-page { background: var(--gradient-bg); color: var(--text-primary); }
.bg-fixed::before {
  background:
    radial-gradient(ellipse 70% 42% at 50% 0%, rgba(201, 166, 91, 0.13), transparent 70%),
    radial-gradient(ellipse 55% 34% at 85% 100%, rgba(169, 119, 34, 0.07), transparent 68%),
    var(--gradient-bg);
}

/* Primary actions remain high-contrast; gold is used as fine hierarchy. */
.btn-primary,
.join-now-button,
.qual-btn,
.mt-btn {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2e2c27, #171714) !important;
  border: 1px solid #9d7125 !important;
  box-shadow: 0 10px 28px rgba(35, 31, 23, 0.18), inset 0 1px rgba(255,255,255,.12) !important;
}
.btn-primary:hover,
.join-now-button:hover,
.qual-btn:hover,
.mt-btn:hover { background: #0f0f0d !important; box-shadow: 0 13px 34px rgba(35,31,23,.22) !important; }
.btn-primary .btn-sub { color: rgba(255,255,255,.72); }

/* Landing page */
.funnel-nav { border-bottom: 1px solid var(--border-subtle); }
.funnel-headline,
.funnel-subhead,
.funnel-apply-eyebrow,
.funnel-apply-subtitle,
.funnel-apply-note,
.funnel-form-note,
.funnel-credibility { color: var(--text-primary) !important; }
.funnel-headline .glow,
.vsl-headline .glow {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--gold-dark) !important;
}
.member-login-button {
  color: #34322d !important;
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(117,80,19,.44) !important;
}
.member-login-button:hover { color: #171714 !important; background: #ffffff !important; }
.funnel-stat,
.vsl-warning,
.vsl-info { background: rgba(255,255,255,.72) !important; box-shadow: 0 8px 25px rgba(35,31,23,.05); }
.funnel-video,
.funnel-video-testimonial { box-shadow: 0 14px 38px rgba(35,31,23,.14) !important; }
.funnel-form-card { background: #ffffff; box-shadow: var(--shadow-card); }
.funnel-form-bar,
.funnel-form-footer { background: #f5f1e8; }
.funnel-form-ok { background: #24231f; }
.funnel-form-opt:hover,
.funnel-form-opt.selected { border-color: var(--gold); }
.funnel-masonry img { box-shadow: 0 8px 24px rgba(35,31,23,.08); }

/* Qualification flow and VSL information surfaces */
.qual-overlay.is-open { background: rgba(31,29,25,.52); }
.qual-modal,
.vsl-toast {
  color: var(--text-primary);
  background: #ffffff !important;
  border-color: var(--border-gold) !important;
  box-shadow: var(--shadow-card) !important;
}
.qual-headline,
.qual-option-label,
.qual-routing-text,
.vsl-toast-text { color: var(--text-primary) !important; }
.qual-subtext,
.qual-option-desc,
.qual-routing-sub,
.qual-disclaimer,
.vsl-toast-sub { color: var(--text-muted) !important; opacity: 1; }
.qual-option { background: #fffdf9 !important; border-color: rgba(35,33,28,.13) !important; }
.qual-option:hover,
.qual-option.is-selected { background: rgba(169,119,34,.07) !important; border-color: var(--gold) !important; }
.qual-option.is-selected .qual-option-label { color: var(--text-primary) !important; }
.qual-close { color: #5f5b53 !important; background: #f7f4ed !important; }
.vsl-input {
  background: #ffffff !important;
  color: var(--text-primary) !important;
  border-color: rgba(35,33,28,.18) !important;
}
.vsl-input::placeholder { color: #858077 !important; }

/* VSL page: retain the dark video canvas and controls, brighten the shell. */
.vsl-headline,
.vsl-subtitle,
.vsl-warning,
.vsl-warning * { color: var(--text-primary) !important; }
.vsl-video,
.mt-player-wrap,
.mt-player-wrap video { background: #050505 !important; }
.vsl-cta { background: rgba(169,119,34,.07) !important; border-color: var(--border-gold) !important; }
.compliance-footer {
  background: rgba(255,255,255,.72) !important;
  border-top-color: var(--border-subtle) !important;
}
.compliance-footer p { color: var(--text-muted) !important; }
.compliance-footer span { color: rgba(35,33,28,.24) !important; }

/* Legal pages */
.legal-nav {
  background: rgba(255,255,255,.88);
  border-bottom-color: rgba(169,119,34,.18);
  box-shadow: 0 4px 18px rgba(35,31,23,.04);
}
.legal-header,
.legal-section { border-color: var(--border-subtle); }
.legal-title,
.legal-section h2,
.legal-section h3 { color: var(--text-primary); }
.legal-date,
.legal-content p,
.legal-content li,
.legal-callout p { color: #5f5b53; }
.legal-content p strong,
.legal-content li strong { color: #24231f; }
.legal-highlight,
.legal-contact { background: rgba(169,119,34,.06); border-color: var(--border-gold); }
.legal-footer { background: rgba(255,255,255,.55); border-color: var(--border-subtle); }
.legal-footer-copy { color: var(--text-muted); }
.legal-footer-links .sep { color: rgba(35,33,28,.28); }

/* Timed Discord invitation */
.discord-invite__backdrop {
  background: radial-gradient(circle at 50% 42%, rgba(88,101,242,.13), transparent 34%), rgba(31,29,25,.48);
}
.discord-invite__dialog {
  color: var(--text-primary);
  background: linear-gradient(145deg, #ffffff, #fbfaf7) !important;
  border-color: var(--border-gold);
  box-shadow: var(--shadow-card), 0 0 45px rgba(88,101,242,.08);
}
.discord-invite__description,
.discord-invite__note { color: var(--text-muted) !important; }
.discord-invite__close { color: #5f5b53 !important; background: #f5f1e8 !important; }

/* Contrast and finish pass
 * Keep the site bright and premium while ensuring adjacent regions remain
 * visible on high-brightness displays. Cream is structural; gold is hierarchy.
 */
.funnel-nav,
.legal-nav {
  background: rgba(255, 253, 248, .94) !important;
  border-color: rgba(145, 96, 16, .28) !important;
  box-shadow: 0 5px 22px rgba(55, 42, 22, .09) !important;
}

.funnel-stat,
.vsl-warning,
.vsl-info,
.legal-callout,
.legal-highlight,
.legal-contact {
  background: linear-gradient(145deg, #fffdf8, #f5ead5) !important;
  border: 1px solid var(--gold-border) !important;
  box-shadow: 0 10px 28px rgba(62, 47, 24, .09) !important;
}

.funnel-form-card,
.proof-card,
.proof-stat-box,
.qual-modal,
.vsl-toast,
.discord-invite__dialog,
.legal-crosslinks-list a {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle) !important;
  box-shadow: var(--shadow-card) !important;
}

.funnel-form-card,
.qual-modal,
.discord-invite__dialog {
  border-color: var(--border-gold) !important;
}

.funnel-form-bar,
.funnel-form-footer,
.qual-progress-track,
.legal-footer {
  background: #eee5d7 !important;
  border-color: var(--border-subtle) !important;
}

.funnel-form-opt,
.qual-option,
.vsl-input {
  background: var(--bg-input) !important;
  border-color: rgba(76, 65, 48, .25) !important;
}

.funnel-form-opt:hover,
.funnel-form-opt.selected,
.qual-option:hover,
.qual-option.is-selected,
.vsl-input:focus {
  background: #f7ead0 !important;
  border-color: var(--gold) !important;
  box-shadow: var(--shadow-input) !important;
}

.funnel-proof-section,
.funnel-apply,
.vsl-cta {
  background:
    radial-gradient(circle at 82% 5%, rgba(209, 173, 96, .17), transparent 32%),
    linear-gradient(180deg, rgba(255, 253, 248, .78), rgba(238, 229, 215, .72)) !important;
  border-top: 1px solid rgba(145, 96, 16, .26) !important;
  border-bottom: 1px solid rgba(76, 65, 48, .16) !important;
}

.proof-card:nth-child(even),
.proof-stat-box:nth-child(even) {
  background: #f8f1e5 !important;
}

.proof-card-green {
  background: linear-gradient(145deg, #f7fbf7, #edf5ed) !important;
  border-color: rgba(47, 111, 71, .28) !important;
}

.funnel-footer,
.compliance-footer,
.legal-footer {
  background: #eee6da !important;
  border-color: rgba(76, 65, 48, .20) !important;
}

.legal-wrapper {
  max-width: 880px;
  margin: 42px auto 56px;
  background: rgba(255, 253, 248, .92);
  border: 1px solid var(--border-subtle);
  border-top-color: var(--border-gold);
  border-radius: 16px;
  box-shadow: var(--shadow-card);
}

.legal-header {
  margin-left: -48px;
  margin-right: -48px;
  padding-left: 48px;
  padding-right: 48px;
  background: linear-gradient(180deg, rgba(243, 229, 200, .48), transparent);
}

.member-login-button,
.qual-close,
.discord-invite__close {
  background: #fffaf1 !important;
  border-color: rgba(145, 96, 16, .34) !important;
}

.gold-rule,
.funnel-form-progress,
.qual-progress-fill {
  background: var(--gradient-gold) !important;
}

.proof-card-green .proof-card-label,
.proof-card-green .proof-card-subtext { color: #246b45 !important; }
.proof-card-green .proof-card-label {
  background: #e5f2e9 !important;
  border: 1px solid rgba(36, 107, 69, .24);
}
.proof-card-bar span { color: #70490a !important; }
.compliance-footer a {
  color: #895b0c !important;
  border-bottom-color: rgba(137, 91, 12, .36) !important;
}

::selection {
  color: #171714;
  background: #e7ca8c;
}

@media (max-width: 640px) {
  .funnel-nav { padding-bottom: 12px; }
  .qual-modal { box-shadow: 0 -14px 50px rgba(35,31,23,.16) !important; }
  .legal-wrapper { margin: 18px 12px 32px; border-radius: 12px; }
  .legal-header { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}

/* ==========================================================
   Restrained production palette
   Full-width navigation, neutral section structure, and a
   deliberate dark Discord moment with guaranteed contrast.
   ========================================================== */
:root {
  --gold-light: #c7a45e;
  --gold: #9c6c19;
  --gold-dark: #6f4b0f;
  --gold-dim: rgba(156, 108, 25, .10);
  --gold-border: rgba(133, 91, 17, .34);
  --bg-page: #f3f0ea;
  --bg-card: #fffdf9;
  --bg-input: #ffffff;
  --bg-form: #faf7f1;
  --text-primary: #25231f;
  --text-gold: #805914;
  --text-muted: #69645d;
  --border-gold: rgba(133, 91, 17, .34);
  --border-subtle: rgba(70, 62, 50, .20);
  --gradient-bg: linear-gradient(180deg, #f6f3ed 0%, #efebe4 100%);
  --shadow-card: 0 15px 40px rgba(50, 39, 22, .11), 0 3px 9px rgba(50, 39, 22, .055);
}

html, body { background: #f3f0ea; }
.bg-fixed,
.legal-page { background: var(--gradient-bg); }
.bg-fixed::before {
  background: radial-gradient(circle at 50% 0, rgba(170, 127, 48, .10), transparent 30rem), var(--gradient-bg);
}

/* The navigation is a real full-width header instead of a floating narrow slab. */
.funnel-nav {
  width: 100vw;
  min-height: 76px;
  margin: 0 0 22px calc(50% - 50vw);
  padding: 7px max(18px, calc((100vw - 860px) / 2 + 24px));
  background: rgba(255, 253, 249, .97) !important;
  border: 0 !important;
  border-bottom: 1px solid #d7d0c5 !important;
  box-shadow: 0 3px 14px rgba(50, 39, 22, .05) !important;
}
.funnel-nav img { height: 58px; }
.funnel-nav-actions { right: max(18px, calc((100vw - 860px) / 2 + 24px)); }
.member-login-button {
  color: #34312c !important;
  background: #fffdf9 !important;
  border-color: #b99c63 !important;
}
.member-login-button:hover { background: #f1ece3 !important; }

.funnel-headline { color: #25231f !important; }
.funnel-headline .glow,
.vsl-headline .glow { color: #704a0d !important; }
.funnel-subhead,
.funnel-apply-eyebrow,
.funnel-apply-subtitle,
.funnel-apply-note,
.funnel-form-note,
.funnel-credibility { color: #4d4942 !important; }
.funnel-subhead strong,
.proof-header strong,
.proof-review-text strong { color: #805914 !important; }
.proof-review-stars { color: #805914 !important; }

.funnel-video,
.funnel-video-testimonial { border-color: #94805f !important; box-shadow: 0 12px 30px rgba(38, 31, 22, .16) !important; }
.funnel-apply,
.funnel-proof-section,
.vsl-cta {
  background: transparent !important;
  border-top: 1px solid #d8d1c7 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.funnel-form-card,
.proof-card,
.proof-stat-box,
.legal-crosslinks-list a {
  color: #25231f;
  background: #fffdf9 !important;
  border-color: #d7d0c5 !important;
  box-shadow: 0 8px 24px rgba(50, 39, 22, .075) !important;
}
.proof-card:nth-child(even),
.proof-stat-box:nth-child(even) { background: #faf8f3 !important; }
.funnel-form-bar,
.funnel-form-footer { background: #eeeae3 !important; }
.funnel-form-opt,
.qual-option,
.vsl-input { background: #fff !important; border-color: #cac3b8 !important; }

.legal-wrapper {
  background: #fffdf9;
  border-color: #d4cec4;
  border-top-color: #b89b63;
  box-shadow: 0 14px 38px rgba(50, 39, 22, .10);
}
.legal-header {
  background: linear-gradient(180deg, #faf6ed, transparent);
}
.legal-content p,
.legal-content li,
.legal-callout p { color: #514d46; font-weight: 400; }
.legal-footer-links a,
.legal-crosslinks-list a { color: #704b0f !important; }

/* Discord invitation is intentionally dark; every text tier is explicit. */
.discord-invite__backdrop {
  background: radial-gradient(circle at 50% 42%, rgba(88, 101, 242, .15), transparent 34%), rgba(22, 21, 19, .72) !important;
}
.discord-invite__dialog {
  color: #f7f3e9 !important;
  background: linear-gradient(155deg, #1a1917 0%, #0d0d0c 62%, #151419 100%) !important;
  border-color: rgba(199, 164, 94, .58) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .55), 0 0 0 1px rgba(0, 0, 0, .4) !important;
}
.discord-invite h2 { color: #fffdf7 !important; text-shadow: none; }
.discord-invite h2 em { color: #e0bf72 !important; }
.discord-invite__eyebrow { color: #d2b26b !important; }
.discord-invite__description { color: #cbc5b9 !important; }
.discord-invite__description strong { color: #efe1b9 !important; }
.discord-invite__proof p { color: #aaa49a !important; }
.discord-invite__proof strong { color: #f2eee5 !important; }
.discord-invite__note { color: #aaa49a !important; }
.discord-invite__close {
  color: #d3cec4 !important;
  background: #24231f !important;
  border-color: #5a554c !important;
}
.discord-invite__close:hover { color: #fff !important; background: #302e29 !important; }

@media (max-width: 640px) {
  .funnel-nav {
    min-height: 66px;
    margin-bottom: 16px;
    padding: 6px 16px;
  }
  .funnel-nav img { height: 50px; }
  .funnel-nav-actions { right: 16px; }
}
@media (max-width: 380px) {
  .funnel-nav { text-align: left; }
}