
  
    .icon {
      width: 3.5rem;
      transition: transform 0.3s ease, filter 0.3s ease;
    }
  
    .icon:hover {
      transform: scale(1.2);
      filter: brightness(1.3);
    }
  
    @media (max-width: 768px) {
      .badge {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
      }
  
      .icon {
        width: 2.8rem;
      }
  
      .card {
        width: 90%;
        padding: 1.5rem;
      }
  
      h3, h4 {
        font-size: 1.75rem;
      }
  
      .bio-text {
        font-size