.sa-home-wrapper { padding: 10px 0; }
.sa-home-title { text-align: center; margin-bottom: 12px; font-weight: 700; }
.sa-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
.sa-card {
  background: #fff; border-radius: 16px; padding: 16px; text-align:center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.07);
}
.sa-avatar { width: 110px; height:110px; border-radius:50%; overflow:hidden; margin: 0 auto 10px; border: 3px solid #eef1f5; }
.sa-avatar img { width:100%; height:100%; object-fit:cover; }
.sa-name { font-weight: 700; font-size: 16px; margin: 6px 0 2px; color: #2f3542; }
.sa-role { font-size: 13px; color:#57606f; margin-bottom: 10px; }
.sa-btn { display:inline-block; padding: 8px 12px; border-radius: 999px; background: #25D366; color: #fff; text-decoration: none; font-weight: 600; }
.sa-btn:hover { opacity:.9; text-decoration:none; }