.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  padding: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
}

.card {
  background: white;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
}

.card-1 { justify-self: start; }
.card-2 { justify-self: center; }
.card-3 { justify-self: end; }

.card h4 {
  color: #333;
  margin: 0 0 10px 0;
}

.card p {
  color: #666;
  margin: 0;
  font-size: 14px;
}