/* FILTER */
.filter-bar{background:white;padding:24px 0;border-bottom:1px solid var(--border-lt);position:sticky;top:calc(var(--header-h) + var(--topbar-h));z-index:100}
.filter-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filter-tab{padding:8px 20px;border-radius:100px;border:1.5px solid var(--border);background:white;font-size:13px;font-weight:500;color:var(--text-mid);cursor:pointer;transition:all .2s}
.filter-tab.active,.filter-tab:hover{background:var(--red);border-color:var(--red);color:white}

/* PARTNER LOGOS */
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.partner-card{background:white;border-radius:var(--radius);border:1.5px solid var(--border);padding:20px 24px;display:flex;align-items:center;gap:14px;transition:all .2s}
.partner-card:hover{border-color:var(--red);box-shadow:var(--shadow-sm)}
.partner-icon{width:48px;height:48px;border-radius:10px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.partner-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.3}
.partner-sub{font-size:11px;color:var(--text-light)}

/* ESPORTS ROLES */
.esports-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.esports-role-card{background:white;border-radius:var(--radius-lg);padding:28px 20px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-lt);transition:all .3s;position:relative;overflow:hidden}
.esports-role-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.esports-role-card:nth-child(1)::before{background:linear-gradient(to right,#e8341a,#f07920)}
.esports-role-card:nth-child(2)::before{background:linear-gradient(to right,#f07920,#ffa940)}
.esports-role-card:nth-child(3)::before{background:linear-gradient(to right,#06b6d4,#3b82f6)}
.esports-role-card:nth-child(4)::before{background:linear-gradient(to right,#8b5cf6,#ec4899)}
.esports-role-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.esports-icon{font-size:36px;margin-bottom:14px;display:block}
.esports-role-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}
.esports-skills{font-size:12px;color:var(--text-mid);line-height:1.8}

@media(max-width:900px){
  .partner-grid{grid-template-columns:1fr 1fr}
  .esports-roles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .partner-grid{grid-template-columns:1fr}
  .esports-roles{grid-template-columns:1fr 1fr}
}