/* HOT VARIANT — the original site's cyan/pink voltage on the new bones.
   Loaded after styles.css; tokens + the hard-coded blue moments only. */
:root {
  --blue: #2EE8E8; --blue-deep: #14BAC6;
  --teal: #3DFFC0; --violet: #A468FF; --magenta: #FF3DCF;
  --bg: #07080F; --panel: #0F121B; --panel-alt: #161B28;
  --line: #232B3C; --line-soft: #32405C;
}
.btn-blue { color: #04292C; }
#cursor-glow { background: radial-gradient(circle, rgba(46,232,232,0.11), rgba(255,61,207,0.05) 45%, transparent 68%); }
.hero-bgglow {
  background:
    radial-gradient(52% 40% at 74% 44%, rgba(46,232,232,0.12), transparent 70%),
    radial-gradient(30% 26% at 18% 12%, rgba(255,61,207,0.08), transparent 70%),
    var(--bg);
}
.hero h1 .alt { text-shadow: 0 0 34px rgba(46,232,232,0.5); }
.hero-brand img { filter: drop-shadow(0 0 18px rgba(46,232,232,0.6)) drop-shadow(0 0 40px rgba(255,61,207,0.3)); }
.marquee--big .marquee-track span { -webkit-text-stroke-color: rgba(46,232,232,0.5); }
.marquee-track i { background: var(--blue); box-shadow: 0 0 9px var(--blue); }
.marquee--big .marquee-track i { background: var(--magenta); box-shadow: 0 0 13px var(--magenta); }
body::before {
  background:
    repeating-linear-gradient(0deg, rgba(46,232,232,0.035) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(90deg, rgba(46,232,232,0.035) 0 1px, transparent 1px 72px);
}
.lb-row.first { background: linear-gradient(90deg, rgba(46,232,232,0.12), transparent 60%); }
.lb-row.first .who { background: linear-gradient(90deg, var(--blue), var(--magenta)); -webkit-background-clip: text; background-clip: text; }

/* Mobile: the cyan accent word rides over the globe — dark outline (beats the base cyan
   glow, which loads after styles.css) + a small cyan halo so it stays on-brand and readable. */
@media (max-width: 960px) {
  .hero h1 .alt {
    text-shadow:
      0 0 2px #000, 0 0 4px #000,
      1.5px 1.5px 2px #000, -1.5px 1.5px 2px #000, 1.5px -1.5px 2px #000, -1.5px -1.5px 2px #000,
      0 0 20px rgba(46,232,232,0.45);
  }
}