.category-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.category-card {
  display: flex;
  align-items: center;
  background: #f5f7fc;
  padding: 12px 16px;
  border-radius: 12px;
  transition: all 0.3s ease;
  text-decoration: none;
  color: #333;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
  border: 1px solid #e0e6f0;
}

.category-card:hover {
  background: linear-gradient(90deg, #4d03a6, #1572f7);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

.category-card:hover .category-icon {
  color: #fff;
}

.category-icon {
  font-size: 20px;
  margin-right: 12px;
  color: #1572f7;
  transition: color 0.3s ease;
}

.category-name {
  font-size: 16px;
  font-weight: 500;
}