:root {
  --bg: #0b0f16;
  --card: rgba(255, 255, 255, 0.06);
  --text: rgba(255, 255, 255, 0.92);
  --muted: rgba(255, 255, 255, 0.62);
  --muted2: rgba(255, 255, 255, 0.44);
  --border: rgba(255, 255, 255, 0.10);
  --trend-up: #2e9f5c;
  --trend-down: #d63a2f;
  --trend-flat: rgba(255, 255, 255, 0.42);
}

body {
} 

.content-gradient-area {
  background: radial-gradient(1200px 600px at 50% -10%, #172034, var(--bg));
}

.card {
  backdrop-filter: blur(10px);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

.card--gold {
  border-color: rgba(255, 206, 90, 0.22);
  background: linear-gradient(
      180deg,
      rgba(255, 184, 72, 0.14),
      rgba(255, 184, 72, 0.06)
    ),
    var(--card);
}

.card--silver {
  border-color: rgba(220, 230, 255, 0.20);
  background: linear-gradient(
      180deg,
      rgba(220, 230, 255, 0.12),
      rgba(220, 230, 255, 0.05)
    ),
    var(--card);
}