:root { color-scheme: dark; }
body { background:#060a0f; color:#e5e7eb; }
.hud-grid{
  background-image:
    linear-gradient(rgba(120,170,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,170,255,0.06) 1px, transparent 1px);
  background-size:26px 26px; opacity:.30; pointer-events:none;
}
.card{ background:#0b1117; border:1px solid rgba(255,255,255,.1); border-radius:0.75rem; }
.navwrap{ backdrop-filter:saturate(140%) blur(6px); }
.logo-strip img{ filter:saturate(80%) contrast(105%); opacity:.95; transition:transform .2s ease, opacity .2s ease; }
.logo-strip img:hover{ opacity:1; transform:translateY(-2px); }
a.btn{ display:inline-flex; align-items:center; gap:.5rem; padding:.7rem 1.1rem; border-radius:.75rem; background:#0ea5e9; color:#000; font-weight:700; }
a.btn:hover{ background:#38bdf8; }

/* Cinematic hero layering */
.hero-overlay-a { background: linear-gradient(to bottom, rgba(6,10,15,0.45), rgba(6,10,15,0.2) 45%, rgba(6,10,15,0.68)); }
.hero-overlay-b { background: radial-gradient(90% 70% at 20% 55%, rgba(6,10,15,0.55), rgba(6,10,15,0.12) 55%, rgba(6,10,15,0) 100%); }
.hero-title-wrap { background: linear-gradient(90deg, rgba(6,10,15,0.78) 0%, rgba(6,10,15,0.42) 55%, rgba(6,10,15,0.08) 100%); border: 1px solid rgba(255,255,255,0.06); border-radius: 0.9rem; padding: 1rem 1.25rem; backdrop-filter: blur(3px); box-shadow: 0 10px 35px rgba(0,0,0,.25); }
.hero-text { text-shadow: 0 8px 26px rgba(0,0,0,0.55), 0 3px 10px rgba(0,0,0,0.45); }

/* Scroll reveal */
.reveal { opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .7s ease; }
.reveal.in { opacity:1; transform:none; }

/* Center crest over hero */
.hero-crest {
  position:absolute; left:50%; transform:translateX(-50%); top:5.5rem;
  width:84px; height:84px; border-radius:9999px; background:rgba(6,10,15,.6);
  border:1px solid rgba(255,255,255,.12); box-shadow:0 10px 30px rgba(0,0,0,.45);
  display:flex; align-items:center; justify-content:center;
}

/* Bigger partner logos */
.partner-logo { height: 9rem; }
@media (min-width: 768px){
  .partner-logo { height: 11rem; }
}