/* Shared indigo / champagne theme. Geometry and interaction stay in styles.css. */
:root {
  color-scheme: dark;
  --bg: #171e31;
  --panel: #222d44;
  --line: #404c66;
  --mint: #e6c98d;
  --text: #f6f3ec;
  --muted: #b4bed1;
  --gold: #e6c98d;
  --gold-soft: #efdcb5;
  --gold-ink: #252a3a;
  --chrome: #1b253a;
  --inset: #192338;
  --panel-gradient: linear-gradient(145deg, #28354e, #202a40);
}

body {
  background:
    radial-gradient(ellipse at 50% 0%, #45588838, transparent 55%),
    radial-gradient(ellipse at 50% 85%, #b5945220, transparent 55%),
    linear-gradient(180deg, #1b2339, #151e30 70%, #192237);
  background-attachment: fixed;
}
::selection { background: #e6c98d; color: #252a3a; }
header, .ticker { background: var(--chrome); border-color: var(--line); }
header { box-shadow: 0 12px 32px #0e152626; }
.brand { color: var(--text); }
.mark, .lead-icon {
  color: var(--gold-ink);
  background: linear-gradient(135deg, #f5e5c2, #d6b474);
  box-shadow: 0 4px 18px #d6b47416, inset 0 1px 0 #fff8;
}
nav a.active, nav a:hover { color: var(--gold-soft); }
select, .lead-card input, .lead-card select {
  background: var(--inset);
  border-color: var(--line);
  color: var(--text);
}
.ticker-track { color: var(--muted); }
.ticker b { color: var(--text); }
.ticker i { color: #a7d5c2; text-shadow: none; }
.hero:before { background: #caa56814; filter: blur(75px); }
.hero h1, .page-hero h1 {
  background-image: linear-gradient(110deg, #fffdf7 20%, #f3e6ce 60%, #d9c29c);
  text-shadow: none;
}
.eyebrow, .section-title>span, .page-hero .eyebrow {
  color: var(--gold); text-shadow: none;
}
.primary {
  color: var(--gold-ink);
  background: linear-gradient(115deg, #f2dfb6, #d4b073);
  box-shadow: 0 8px 28px #090f2533, inset 0 1px 0 #fff7;
}
.primary:hover {
  background: linear-gradient(115deg, #f7e8cb, #e0c18b);
  box-shadow: 0 12px 32px #c6a36424, inset 0 1px 0 #fff9;
}
.ghost { color: var(--text); background: #26324966; border-color: #64708a; }
.ghost:hover { background: #2c3850; border-color: var(--gold); }
.proof b { color: var(--text); }
.proof span, .signal small, .metrics small, .terminal-head em { color: var(--muted); }

.terminal {
  background: linear-gradient(150deg, #34425c, #252f46 50%, #222a3f);
  border-color: #9a896966;
  box-shadow: 0 32px 70px #090e244a, inset 0 1px 0 #ecd3a42b;
}
.terminal:before {
  background: conic-gradient(from 90deg, transparent, #dfbf8518, transparent 27%, #8999db12, transparent 54%);
  animation-duration: 22s;
}
.terminal:after {
  background: linear-gradient(180deg, transparent, #f0d8a20c, #f0d8a21a, transparent);
  animation-duration: 6s;
}
.terminal-head { border-color: #b5bed02e; }
.terminal-head span:first-child { background: #bb9294; }
.terminal-head span:nth-child(2) { background: #dfc696; }
.terminal-head span:nth-child(3) { background: #94b4b0; }
.chart { background: linear-gradient(180deg, #1a263944, #18223666); }
.grid {
  background-image: linear-gradient(#a2aec51c 1px, transparent 1px), linear-gradient(90deg, #a2aec51c 1px, transparent 1px);
}
.chart svg { filter: drop-shadow(0 0 7px #e6c98d26); }
.chart stop { stop-color: var(--gold); }
.chart stop:first-child { stop-opacity: .24; }
.line { stroke: var(--gold); }
.signal, .metrics { border-color: #b5bed02e; }
.pill {
  color: var(--gold-soft); background: #e6c98d0b;
  border-color: #d1b17977; box-shadow: none;
}
@keyframes chartGlow {
  0%,100% { stroke: #e6c98d; filter: drop-shadow(0 0 3px #e6c98d40); }
  50% { stroke: #f5e4bd; filter: drop-shadow(0 0 7px #e6c98d66); }
}

.cards article, .insight-grid article, .curriculum article,
.market-pulse div, .learning-meta>span, .lead-card {
  background: var(--panel-gradient);
  border-color: var(--line);
  box-shadow: 0 16px 36px #0c122526, inset 0 1px 0 #c7d2eb0b;
}
.cards article:hover, .insight-grid article:hover, .curriculum article:hover {
  border-color: #b89e6e;
  box-shadow: 0 22px 44px #0c122540, inset 0 1px 0 #e6c98d1a;
}
.insight-grid .feature { background: linear-gradient(145deg, #303b54, #253048 65%, #303347); }
.feature small, .market-pulse small, .learning-meta small { color: var(--muted); }
.market-pulse strong { color: var(--text); }
.coin { color: var(--gold); filter: drop-shadow(0 6px 18px #d5b17326); }
.mini-chart { border-color: var(--line); }
.mini-chart i { background: linear-gradient(#ead3a5, #947d56); }
@keyframes barPulse {
  0%,100% { filter: brightness(.92); box-shadow: none; }
  50% { filter: brightness(1.12); box-shadow: 0 0 12px #e6c98d12; }
}
.mentor, .journey, .faq-grid, details { border-color: var(--line); }
.portrait {
  background: radial-gradient(circle at 50% 35%, #57546a, #303c56 45%, #202b41 85%);
  border-color: #67708b; box-shadow: 0 24px 60px #0c122540;
}
.portrait:before, .portrait:after { border-color: #e6c98d30; }
.portrait-glow { background: #d8b7732b; }
.avatar {
  color: var(--gold-soft); background: #202a3be6;
  border-color: #e6c98d80; box-shadow: 0 0 60px #c9a46614, inset 0 0 40px #e6c98d05;
}
.status { color: var(--text); background: #202b40; border-color: var(--line); }
.status i { background: #b0cbbd; box-shadow: 0 0 8px #b0cbbd40; }
.credentials div { background: #25304755; border-color: var(--line); }
.credentials b { color: var(--gold); }
.mentor-note { background: #e6c98d09; border-color: #c8aa76; }
.mentor-note>span { color: var(--gold); }
.mentor-note p { color: #d0d4df; }
.journey { background: linear-gradient(180deg, #26314977, #1c263c66); }
.timeline:before { background: linear-gradient(#d6b77e, #d6b77e20); }
.timeline article>b { background: #222d43; border-color: #857452; }
.quote { filter: none; }
.notice { background: #263149; border-color: var(--gold); }
footer {
  max-width: none;
  padding-inline: max(24px, calc((100% - 1132px)/2));
  background: var(--chrome); border-color: var(--line);
}

.learning-meta b, .quiz-score strong, .quiz-list legend b,
.resource-copy li:before, .resource-success b { color: var(--gold); }
.quiz-zone { background: linear-gradient(150deg, #222d43, #1e293e); border-color: var(--line); }
.quiz-head p, .quiz-score span, .resource-copy>p, .lead-card>label span,
.lead-card>small, .resource-success p { color: var(--muted); }
.progress { background: #131d30; }
.progress i { background: linear-gradient(90deg, #bfa06b, #f1ddb1); box-shadow: 0 0 12px #e6c98d26; }
.quiz-list fieldset { background: #28344a; border-color: #526079; }
.quiz-list fieldset:focus-within { border-color: var(--gold); box-shadow: 0 0 0 2px #e6c98d12; }
.quiz-list legend { color: var(--text); }
.quiz-list label { color: #d5dce8; background: #202b40; border-color: #65718b; }
.quiz-list label:has(input:checked) { color: var(--gold-soft); background: #e6c98d0f; border-color: var(--gold); }
.quiz-list input { accent-color: var(--gold); }
.resource-copy li { color: #d5dce8; border-color: var(--line); }
.lead-card input:focus, .lead-card select:focus { border-color: var(--gold); box-shadow: 0 0 0 3px #e6c98d16; }
.resource-success { background: #e6c98d09; border-color: #e6c98d66; }
:is(a,button,select,input,summary):focus-visible { outline: 2px solid var(--gold-soft); outline-offset: 4px; }

@media(max-width:760px) {
  body {
    background: radial-gradient(ellipse at 50% 0%, #45588830, transparent 60%), linear-gradient(180deg, #1b2339, #171e31);
    background-attachment: scroll;
  }
  footer { padding-inline: 18px; }
}
@media(prefers-reduced-motion:reduce) { .mini-chart i { animation:none; } }

/* Let translated copy determine card height instead of widening the viewport. */
main, header, footer { overflow-wrap: anywhere; }
.hero > *, .mentor > *, .journey-inner > *, .cards > *, .insight-grid > *,
.curriculum > *, .curriculum article > div, .credentials > *, .market-pulse > *,
.timeline article > div, .signal > *, .metrics > *, footer > * { min-width: 0; }
.actions { flex-wrap: wrap; }
.btn { max-width: 100%; justify-content: center; text-align: center; }
.mark, .terminal-head > span { flex-shrink: 0; }
.timeline article > b { flex: 0 0 46px; }
.signal { gap: 12px; }
.metrics { gap: 12px; }
.credentials { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ticker-track > span { flex-shrink: 0; }
@media(max-width:760px) {
  .hero, .mentor, .journey-inner, .cards, .curriculum, .insight-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .hero h1, .page-hero h1 { font-size: clamp(36px, 10.6vw, 46px); }
  .section-title h2, .mentor-copy h2 { font-size: clamp(30px, 8vw, 36px); }
  .hero:before { left: 50%; margin-left: -120px; }
  .proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .proof > div { min-width: 0; }
  .credentials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .curriculum article { gap: 14px; padding: 22px; }
  .learning-meta { flex-wrap: wrap; }
  .learning-meta > span { min-width: 0; flex: 1 1 130px; }
  .lead-card { min-width: 0; padding: 24px; }
  .lead-card select { max-width: 100%; }
  nav a { min-height: 44px; display: flex; align-items: center; }
  .menu { min-width: 44px; min-height: 44px; padding: 0; }
  #language { min-height: 44px; }
}
@media(max-width:420px) {
  header { display: grid; grid-template-columns: minmax(0, 1fr) 44px; }
  header .brand { min-width: 0; }
  header .menu { margin-left: 0; }
  header #language, header nav { grid-column: 1 / -1; width: 100%; max-width: none; }
}