.team-card{
      position: relative;
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 10px 30px rgba(0,0,0,.06);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      height: 100%;
    }

    .team-card:hover{
      transform: translateY(-6px);
      box-shadow: 0 18px 45px rgba(0,0,0,.12);
      border-color: rgba(13,110,253,.18);
    }

    .team-media{
      position: relative;
      height: fit-content;
      overflow: hidden;
      background: #f6f7fb;
    }

    .team-media img.member-photo{
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.03);
      transition: transform .35s ease, filter .35s ease;
      filter: saturate(1.05) contrast(1.02);
    }

    .team-card:hover .team-media img.member-photo{
      transform: scale(1.12) translateY(-4px);
      filter: saturate(1.15) contrast(1.05);
    }

    .team-media::after{
      content:"";
      position:absolute;
      inset:-40%;
      background: conic-gradient(from 200deg, rgba(13,110,253,.0), rgba(13,110,253,.18), rgba(32,201,151,.12), rgba(13,110,253,.0));
      opacity: 0;
      transition: opacity .35s ease;
      filter: blur(18px);
      pointer-events:none;
    }
    .team-card:hover .team-media::after{ opacity: 1; }

    .team-body{
      padding: 16px 16px 18px 16px;
      transition: transform .25s ease;
    }
    .team-card:hover .team-body{
      transform: translateY(-2px);
    }

    .role-pill{
      font-size: .78rem;
      border: 1px solid rgba(0,0,0,.08);
      background: rgba(13,110,253,.06);
      color: #0d6efd;
      padding: 6px 10px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .team-name{
      font-weight: 800;
      letter-spacing: -.2px;
      margin: 10px 0 4px 0;
      line-height: 1.15;
    }

    .team-desc{
      margin: 0;
      color: rgba(0,0,0,.6);
      font-size: .95rem;
    }

    .team-social{
      display: flex;
      gap: 10px;
      margin-top: 12px;
      transform: translateY(10px);
      opacity: 0;
      transition: transform .25s ease, opacity .25s ease;
    }
    .team-card:hover .team-social{
      transform: translateY(0);
      opacity: 1;
    }

    .social-btn{
      width: 38px;
      height: 38px;
      border-radius: 12px;
      border: 1px solid rgba(0,0,0,.08);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: rgba(0,0,0,.70);
      background: #fff;
      transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
      text-decoration: none;
    }
    .social-btn:hover{
      transform: translateY(-2px);
      border-color: rgba(13,110,253,.35);
      color: #0d6efd;
      background: rgba(13,110,253,.06);
    }

    .company-badge{
      position: absolute;
      right: 12px;
      bottom: 12px;
      width: 52px;
      height: 52px;
      border-radius: 16px;
      background: rgba(255,255,255,.92);
      border: 1px solid rgba(0,0,0,.08);
      box-shadow: 0 10px 22px rgba(0,0,0,.10);
      display: grid;
      place-items: center;
      overflow: hidden;
      transform: translateY(0);
      transition: transform .25s ease;
    }
    .team-card:hover .company-badge{
      transform: translateY(-3px) rotate(-1deg);
    }
    .company-badge img{
      width: 70%;
      height: 70%;
      object-fit: contain;
      filter: drop-shadow(0 2px 6px rgba(0,0,0,.10));
    }

    @keyframes floaty {
      0% { transform: translateY(0); }
      50% { transform: translateY(-4px); }
      100% { transform: translateY(0); }
    }
    .team-card[data-float="1"]{ animation: floaty 4.2s ease-in-out infinite; }
    .team-card[data-float="2"]{ animation: floaty 4.8s ease-in-out infinite; }
    .team-card[data-float="3"]{ animation: floaty 5.4s ease-in-out infinite; }

    @media (prefers-reduced-motion: reduce){
      .team-card, .team-media img, .team-media::after, .team-body, .team-social, .company-badge{
        transition: none !important;
        animation: none !important;
      }
    }