.hub-hero{padding:88px 0 64px;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,#FFFFFF 100%),radial-gradient(ellipse 50% 80% at 0% 100%,rgba(249,201,228,0.9) 0%,rgba(249,201,228,0) 70%),radial-gradient(ellipse 50% 80% at 100% 0%,rgba(233,213,255,0.95) 0%,rgba(233,213,255,0) 70%),linear-gradient(180deg,#EEF2FF 0%,#F5F3FF 55%,#FFFFFF 100%)}
.hub-h1{font-size:56px;line-height:1.04;letter-spacing:-0.03em;max-width:22ch}
.hub-h1 .acc{color:#7C3AED}
.hub-sub{margin-top:20px;font-size:20px;line-height:1.5;color:#475569;max-width:58ch}
.filters{display:flex;flex-direction:column;gap:12px}
.chip-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.chip-label{font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#64748B;width:104px;flex:none}
.chip{font-family:inherit;font-size:14px;font-weight:600;color:#334155;background:#FFF;border:1px solid #E2E8F0;border-radius:999px;padding:8px 14px;min-height:36px;cursor:pointer;white-space:nowrap}
.chip:hover{border-color:#C4B5FD}
.chip[aria-pressed=true]{background:#7C3AED;border-color:#7C3AED;color:#FFF}
.hub-count{margin-top:28px;font-size:14px;font-weight:600;color:#64748B}
.hub-grid{list-style:none;padding:0;margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hub-h1 .acc{display:block}
.hub-grid .rel-card a{padding:22px 20px}
.hub-grid .card-logo{max-width:100%}
.hub-grid .card-logo img{max-width:100%}
.hub-grid .card-num{font-size:32px}
.hub-grid .card-meta{font-weight:400}
.hub-grid .card-meta span{display:inline}
.hub-empty{padding:28px;border:1px solid #DDD6FE;border-radius:16px;background:#F5F3FF}
.hub-empty p{margin-bottom:12px}
.hub-reset{align-self:flex-start;margin-top:4px;font-size:14px}
.hub-grid a:focus-visible{outline-offset:5px}
@media (max-width:1120px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .hub-hero{padding:48px 0 36px}
  .hub-h1{font-size:36px}
  .hub-sub{font-size:17px}
  .chip-label{width:100%}
  .hub-grid{grid-template-columns:minmax(0,1fr)}
  .hub-grid .rel-card a{padding:24px}
  .hub-count{margin-top:24px}
}