:root {
  --card-radius: 14px;
}

body {
  background: #0b1220;
  color: #e8eefc;
}

.navbar {
  backdrop-filter: blur(10px);
  background: rgba(10, 17, 32, 0.8) !important;
}

.card {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--card-radius);
  background: rgba(255,255,255,.03);
}

.card-img-top {
  border-top-left-radius: var(--card-radius);
  border-top-right-radius: var(--card-radius);
  height: 160px;
  object-fit: cover;
  background: rgba(255,255,255,.04);
}

.badge-soft {
  background: rgba(99, 102, 241, .18);
  border: 1px solid rgba(99, 102, 241, .35);
  color: #c7d2fe;
}

.muted {
  color: rgba(232, 238, 252, .75);
}

.footer {
  color: rgba(232, 238, 252, .55);
}