:root {
  --bg: #09070d; --panel: #141019; --text: #f7f3ff; --muted: #bcb0cd;
  --line: #382547; --gold: #8921f1; --gold-soft: #ac6df6;
  --gold-light: #be81ff; --gold-deep: #7014ce; --gold-border: #ad65f6;
  --gold-gradient: linear-gradient(145deg, #a343ff, #8921f1 55%, #7115d2);
  --gold-hover-gradient: linear-gradient(145deg, #b66aff, #983af9 55%, #8125e3);
}
.brand-logo { object-fit: contain; }
.brand-logo-frame { aspect-ratio: 5; }
.sidebar { background: #100c16; border-right-color: #30203e; }
.topbar { background: #0c0910; }
.notice { background: #181020; }
.live-panel-console, .prediction-card { background: linear-gradient(140deg, #21142e, #110d18); }
.account-register, .live-prediction-button, .prediction-card summary,
.prediction-login-button, .button-primary, .segmented .selected,
.comparison-chart-controls button[aria-pressed="true"] { color: #fff; }
.live-prediction-button { box-shadow: inset 0 1px #d9b7ff60, 0 0 24px #8921f14d; }
.live-prediction-button:hover { box-shadow: 0 0 30px #8921f170; }
.eyebrow, .prediction-card h3, .section-heading h2, .notice strong,
.prediction-card .card-actions a, .account-login { color: #c595ff; }
.nav-link.active { color: #debdff; background: #8921f12b; border-color: #a957ff; }
.nav-count { background: #8921f138; color: #dfc4ff; }

.hero-visual-title strong, .hero-visual-title .eyebrow { color: #be81ff; }
.hero-visual-caption { color: #b8a0ce; }
.hero-engine-integrated { position:relative; margin:16px -22px 0; overflow:hidden; }
.daniel-ai-artwork { display:block; width:100%; height:auto; mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 85%,transparent 100%); }
.hero-engine-integrated + .hero-visual-title { position:relative; margin-top:-3px; }
@media(max-width:680px) { .hero-engine-integrated { margin-top:12px; } }