:root {
  --bg: #07080d; --panel: #101219; --text: #f3f6ff; --muted: #b0b6cd;
  --line: #252c47; --gold: #214df1; --gold-soft: #6d8af6;
  --gold-light: #819bff; --gold-deep: #143bce; --gold-border: #6583f6;
  --gold-gradient: linear-gradient(145deg, #436aff, #214df1 55%, #153dd2);
  --gold-hover-gradient: linear-gradient(145deg, #6a89ff, #3a62f9 55%, #254de3);
}
.brand-logo { object-fit: contain; }
.brand-logo-frame { aspect-ratio: 5; }
.sidebar { background: #0c0e16; border-right-color: #20263e; }
.topbar { background: #090a10; }
.notice { background: #101320; }
.live-panel-console, .prediction-card { background: linear-gradient(140deg, #14192e, #0d0f18); }
.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 #b7c6ff60, 0 0 24px #214df14d; }
.live-prediction-button:hover { box-shadow: 0 0 30px #214df170; }
.eyebrow, .prediction-card h3, .section-heading h2, .notice strong,
.prediction-card .card-actions a, .account-login { color: #95abff; }
.nav-link.active { color: #bdcbff; background: #214df12b; border-color: #577aff; }
.nav-count { background: #214df138; color: #c4d0ff; }

.hero-visual-title strong, .hero-visual-title .eyebrow { color: #819bff; }
.hero-visual-caption { color: #a0aace; }
.dashboard-hero-visual { background:linear-gradient(155deg,#071731,#060d20 55%,#092454) padding-box,linear-gradient(135deg,#99b5ff,#1130a5 45%,#447bff) border-box; }
.dashboard-hero-visual::before { z-index:0; pointer-events:none; background:radial-gradient(ellipse at 50% -5%,#1665f080,transparent 48%),radial-gradient(ellipse at 50% 108%,#145bdf85,transparent 52%),radial-gradient(ellipse at 0% 65%,#006ee52b,transparent 48%),linear-gradient(#508dff0c 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,#508dff0c 1px,transparent 1px) 0 0/32px 32px; }
.hero-engine-integrated { position:relative; margin:16px -22px 0; overflow:hidden; z-index:1; pointer-events:none; }
.panda-ai-artwork { display:block; width:100%; height:auto; mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 78%,transparent 100%); }
.hero-visual-topline, .hero-visual-title, .hero-visual-features, .hero-visual-caption { position:relative; z-index:2; }
.hero-engine-integrated + .hero-visual-title { margin-top:-3px; }
.hero-visual-topline { color:#bdceff; }
.hero-visual-topline > span:first-child { background:#080e24b3; }
.hero-visual-title strong { color:#aec5ff; text-shadow:0 3px #192862,0 0 25px #070b18; }
.hero-visual-features > a { background:#090f21bf; }
.hero-visual-caption { color:#becbed; }
@media(max-width:680px) { .hero-engine-integrated { margin-top:12px; } }
:root { --gold:#1130a5; --gold-soft:#779dff; --gold-light:#99b5ff; --gold-deep:#102776; --gold-border:#668bea; --gold-gradient:linear-gradient(145deg,#426ae1,#1130a5 55%,#102776); --gold-hover-gradient:linear-gradient(145deg,#5a7ff0,#2142c3 55%,#173790); }
.hero-visual-title .eyebrow { letter-spacing:.3em; }
.hero-visual-features svg { color:#83a5ff; }