/* --- Cinematic neon accents (from your ref images) --- */
:root{
  --glow-cyan:#67e8f9; --glow-blue:#38bdf8; --glow-purple:#a78bfa;
  --glow-pink:#f472b6; --glow-red:#fb7185; --glow-orange:#fb923c;
}
.band {height:4px;border-radius:999px;background:
linear-gradient(90deg,var(--glow-cyan),var(--glow-blue),var(--glow-purple));}

/* Headline banded gradient */
.hero-band{
  background:
   radial-gradient(120% 120% at 10% 0%, rgba(103,232,249,.08), transparent 60%),
   radial-gradient(140% 140% at 90% 10%, rgba(168,139,250,.10), transparent 50%),
   radial-gradient(120% 120% at 50% 100%, rgba(250,114,104,.05), transparent 60%);
  border:1px solid var(--line); border-radius:22px; padding:26px;
}

/* Tab buttons */
.tabs{display:flex;gap:10px;flex-wrap:wrap}
.tab{padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);cursor:pointer}
.tab.active{border-color:#2a3848;background:rgba(103,232,249,.08);box-shadow:0 0 0 1px rgba(103,232,249,.15) inset}

/* Tiles / coin cards */
.tile{position:relative;border:1px solid var(--line);border-radius:18px;padding:16px;background:#0e151d;overflow:hidden}
.tile::after{content:"";position:absolute;inset:-40%;background:
 radial-gradient(40% 40% at 80% 10%, rgba(103,232,249,.12), transparent 60%),
 radial-gradient(36% 36% at 20% 90%, rgba(167,139,250,.10), transparent 60%);opacity:.8;pointer-events:none}
.tile h4{margin:0 0 6px}
.tile .mut{font-size:13px}
.tile .bar{height:6px;background:#12202b;border-radius:999px;overflow:hidden}
.tile .bar>i{display:block;height:100%;width:60%;background:linear-gradient(90deg,var(--glow-pink),var(--glow-purple))}

/* Mini badges */
.badge-soft{border:1px solid #2a3848;border-radius:999px;padding:4px 8px;font-size:11px;color:#cfe1f0}
.badge-hot{border:1px s