.team-page-body{max-width:1200px;padding:var(--spacing-4xl) var(--spacing-xl);gap:var(--spacing-3xl);flex-direction:column;margin:0 auto;display:flex}.team-page-filters{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.team-page-grid{gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.team-page-card{background:var(--second--header-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-md);text-align:center;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative}.team-page-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.team-page-card-overlay{border-radius:inherit;z-index:0;position:absolute;inset:0}.team-social,.team-page-view-profile{z-index:1;position:relative}.team-page-avatar{width:72px;height:72px;font-family:var(--font-family-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-page-info{align-items:center;gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.team-page-dept{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--accent-color);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.team-page-name{font-family:var(--font-family-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--main-title-color);line-height:var(--line-height-snug);margin:0}.team-page-role{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--small-title-color)}.team-page-company{font-size:var(--font-size-xs);color:var(--subtitle-color);opacity:.7}.team-page-bio{font-size:var(--font-size-xs);color:var(--subtitle-color);line-height:var(--line-height-relaxed);margin:var(--spacing-xs) 0 0}.team-tags{margin-top:var(--spacing-xs);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.team-tag{font-size:11px;font-weight:var(--font-weight-medium);color:var(--subtitle-color);background:var(--background-Gradient7);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:2px 10px}.team-social{gap:var(--spacing-sm);margin-top:var(--spacing-xs);justify-content:center;display:flex}.team-social a{background:var(--background-Gradient7);border:1px solid var(--border-color);width:30px;height:30px;color:var(--subtitle-color);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.team-social a:hover{border-color:var(--accent-color);color:var(--accent-color)}.team-page-view-profile{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-color);margin-top:var(--spacing-sm);transition:gap var(--transition-fast);align-items:center;gap:4px;display:inline-flex}.team-page-card:hover .team-page-view-profile{gap:8px}.team-page-join{background:var(--second--header-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.team-page-join h3{font-family:var(--font-family-secondary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--main-title-color);margin:0}.team-page-join p{font-size:var(--font-size-md);color:var(--subtitle-color);margin:0}@media (max-width:1100px){.team-page-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.team-page-grid{grid-template-columns:repeat(2,1fr)}.team-page-body{padding:var(--spacing-3xl) var(--spacing-lg)}}@media (max-width:480px){.team-page-grid{grid-template-columns:1fr}.team-page-body{padding:var(--spacing-2xl) var(--spacing-md)}}
