/* Student Leaders styles */
.leaders-section {
  padding: 60px 20px;
  text-align: center;
  background: linear-gradient(135deg, #f9fafc, #eef3f9);
}

.leaders-title { font-size: 2.4rem; font-weight: 800; color: #16355b; margin-bottom: 10px; }
.leaders-subtitle { font-size: 1.05rem; color: #4a6078; margin-bottom: 40px; }

.leaders-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; justify-content: center; }

.leader-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; padding-bottom: 20px; }
.leader-card:hover { transform: translateY(-6px); box-shadow: 0 10px 28px rgba(0, 102, 204, 0.18); }

.leader-photo { width: 100%; height: 240px; overflow: hidden; position: relative; }
.leader-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.leader-card:hover .leader-photo img { transform: scale(1.08); }

.leader-info { margin-top: 14px; text-align: center; padding: 0 16px; }
.leader-name { font-size: 1.25rem; font-weight: 700; color: #203354; margin-bottom: 6px; }
.leader-role { display: inline-block; font-size: 0.95rem; font-weight: 600; color: #fff; background: linear-gradient(135deg, #26a0da, #1976d2); padding: 5px 16px; border-radius: 999px; letter-spacing: 0.5px; box-shadow: 0 3px 12px rgba(38, 160, 218, 0.26); }

@media (max-width: 768px) { .leaders-title { font-size: 2rem; } .leader-photo { height: 200px; } }
@media (max-width: 480px) { .leaders-title { font-size: 1.7rem; } .leader-photo { height: 160px; } }