
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Montserrat', sans-serif; }
    p, li { font-family: 'Poppins', sans-serif; }
    .hero-overlay { background: rgba(0, 33, 71, 0.65); }
    .leadership-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 2rem;
      margin-top: 2.5rem;
      margin-bottom: 3rem;
    }
    .leadership-card {
      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
      border-radius: 12px;
      padding: 2.5rem 2rem;
      text-align: center;
      box-shadow: 0 4px 12px rgba(0, 33, 71, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: 2px solid #e9ecef;
    }
    .leadership-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 33, 71, 0.15);
    }
    .leadership-card img {
      width: 150px; height: 150px; border-radius: 50%; object-fit: cover;
      margin: 0 auto 1.5rem; display: block;
      border: 3px solid #002147; box-shadow: 0 4px 12px rgba(0, 33, 71, 0.2);
    }
    .card-title { color: #002147; font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.75rem; }
    .card-name { color: #002147; font-size: 1.5rem; font-weight: 600; margin-bottom: 0; font-family: 'Montserrat', sans-serif; }
    .leader-note { color: #555; font-size: 0.95rem; margin-top: 0.75rem; font-weight: 400; line-height: 1.6; }
    .leader-email { color: #555; font-size: 0.9rem; margin-top: 0.75rem; }
    .leader-email a { color: #002147; text-decoration: none; transition: color 0.3s; }
    .leader-email a:hover { color: #0077B5; }
    .linkedin-btn {
      display: inline-flex; align-items: center; justify-content: center;
      margin-top: 1rem; padding: 0.5rem 1rem;
      background-color: #0077B5; color: white; text-decoration: none;
      border-radius: 6px; font-size: 0.9rem; font-weight: 500;
      transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 119, 181, 0.3);
    }
    .linkedin-btn:hover { background-color: #005885; transform: translateY(-2px); }
    .linkedin-btn svg { width: 18px; height: 18px; margin-right: 0.5rem; fill: white; }
    .founder-card {
      max-width: 500px; margin: 0 auto;
      background: linear-gradient(135deg, #fffef7 0%, #fff9e6 100%);
      border: 2px solid #FFD700;
    }
    .founder-card img { border: 4px solid #FFD700; box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3); }
    .founder-title { color: #b89400; }
    .back-home-btn {
      background: linear-gradient(135deg, #002147 0%, #003d82 100%);
      color: #FFFFFF; box-shadow: 0 4px 12px rgba(0, 33, 71, 0.3); transition: all 0.3s ease;
    }
    .back-home-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 33, 71, 0.4); }
    article { background: #ffffff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 33, 71, 0.08); padding: 2.5rem; }
    article h2 { color: #002147; border-bottom: 3px solid #FFD700 !important; }
    article h3, article h4 { color: #002147; }
    .duty-list { list-style: disc; padding-left: 1.5rem; margin-top: 0.5rem; }
    .duty-list li { margin-bottom: 0.4rem; line-height: 1.6; color: #333; font-family: 'Poppins', sans-serif; }
    @media (max-width: 768px) {
      article { padding: 2rem 1.5rem; }
      .leadership-grid { grid-template-columns: 1fr; gap: 1.5rem; }
      .leadership-card { padding: 2rem 1.5rem; }
    }
  