:root{
  --bg:#0d1117;
  --panel:#131a24;
  --border:#1f2937;
}
*{ font-family:'Vazirmatn',sans-serif; }
.mono{ font-family:'JetBrains Mono',monospace; direction:ltr; unicode-bidi:embed; }
body{
  margin:0;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(88,28,135,0.25), transparent 60%),
    radial-gradient(1000px 500px at 10% 110%, rgba(30,58,138,0.2), transparent 60%),
    #0d1117;
  background-attachment:fixed;
  color:#e2e8f0;
}
.header-bar{
  background:linear-gradient(90deg, rgba(13,17,23,0.95), rgba(30,27,75,0.85));
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(148,163,184,0.12);
}
.card{
  background:rgba(19,26,36,0.85);
  border:1px solid var(--border);
  border-radius:14px;
  backdrop-filter:blur(4px);
  transition:box-shadow .3s ease, border-color .3s ease;
}
.glow-green{
  border-color:rgba(34,197,94,0.5);
  box-shadow:0 0 24px rgba(34,197,94,0.12);
}
.glow-red{
  border-color:rgba(239,68,68,0.5);
  box-shadow:0 0 24px rgba(239,68,68,0.12);
}
.btn-primary{
  background:linear-gradient(90deg,#7c3aed,#2563eb);
  color:#fff;
  transition:transform .15s ease, filter .15s ease;
}
.btn-primary:hover:not(:disabled){ filter:brightness(1.12); transform:translateY(-1px); }
.btn-primary:active{ transform:translateY(0); }

::-webkit-scrollbar{ width:6px; height:6px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:rgba(148,163,184,0.3); border-radius:3px; }

/* staggered card reveal */
.card{ animation:rise .5s ease both; }
.card:nth-child(2){ animation-delay:.06s; }
.card:nth-child(3){ animation-delay:.12s; }
.card:nth-child(4){ animation-delay:.18s; }
@keyframes rise{
  from{ opacity:0; transform:translateY(10px); }
  to{ opacity:1; transform:translateY(0); }
}
select option{ background:#131a24; }

/* لایو بازار فیوچرز — نوار تیکر متحرک */
.ticker-tape{
  overflow:hidden;
  white-space:nowrap;
  padding:6px 0;
  direction:ltr;
}
.ticker-track{
  display:inline-block;
  white-space:nowrap;
  animation:ticker-scroll 40s linear infinite;
  will-change:transform;
}
.ticker-tape:hover .ticker-track{ animation-play-state:paused; }
.ticker-item{
  display:inline-block;
  padding:0 18px;
  border-left:1px solid rgba(148,163,184,0.12);
}
@keyframes ticker-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
</parameter>