.profile-cards-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; margin: 2rem 0; }
.profile-card { background-color: rgba(123, 79, 171, 0.8); border-radius: 10px; padding: 1.25rem; text-align: center; transition: transform 0.3s, box-shadow 0.3s; display: flex; flex-direction: column; align-items: center; }
.profile-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.profile-image { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin-bottom: 1.5rem; border: 4px solid var(--light-text); }
.profile-image img { width: 100%; height: 100%; object-fit: cover; margin:0;}
.profile-title { color: var(--accent-color); font-size: 1.3rem; margin-bottom: 1rem; font-weight: 600; }
.profile-bio { color: var(--light-text); font-size: 1rem; line-height: 1.6; }
h2.profile-name { color: var(--accent-color); font-size: 2rem; margin: 0; padding: 0; }

/* Responsive adjustments */
@media (max-width: 768px) {
  .profile-cards-container { gap: 1.5rem; }
  .profile-card { padding: 1.5rem; }
  .profile-image { width: 120px; height: 120px; }
}

@media (max-width: 480px) {
  .profile-card { padding: 1.25rem; }
  .profile-image { width: 100px; height: 100px; }
  .profile-name { font-size: 1.7rem; }
  .profile-title { font-size: 1.1rem; }
}