/* Enhanced glass effect */
.card {
  background-color: rgba(30, 41, 59, 0.5) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Optional: Add subtle glow effect */
.card:hover {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}