/* ================= LIVE CRYPTO MARQUEE ================= */
.crypto-marquee{
  height:40px;
  background:#0f172a;
  overflow:hidden;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.marquee-track{
  display:flex;
  gap:40px;
  white-space:nowrap;
  animation:scroll-marquee 30s linear infinite;
}

.crypto-marquee:hover .marquee-track{
  animation-play-state:paused;
}

.coin{
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  font-size:.95rem;
  font-weight:500;
}

.coin .symbol{
  font-weight:700;
}

.coin .price{
  color:#e5e7eb;
}

.coin .change{
  font-size:.85rem;
  padding:3px 10px;
  border-radius:20px;
}

.coin .change.up{
  background:rgba(34,197,94,.15);
  color:#22c55e;
}

.coin .change.down{
  background:rgba(239,68,68,.15);
  color:#ef4444;
}

@keyframes scroll-marquee{
  from{ transform:translateX(100%); }
  to{ transform:translateX(-100%); }
}