.hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;width:100%;padding-bottom:16px;border-bottom:1px solid var(--line)}.hub-head-title{margin:0;font:500 22px/28px var(--font);color:#fff}.hub-head-count{margin:0;font:400 14px/20px var(--font);color:var(--muted);white-space:nowrap}.hub-filter{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:-40px 0 0}.hub-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:0;border-radius:16px;background:#ffffff0f;font-family:var(--font-inter);font-size:14px;line-height:20px;font-weight:400;color:#fff;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.hub-filter-btn:hover{background:#ffffff1a}.hub-filter-btn[aria-pressed=true]{color:#ff8aa0;background:#f23f5d1f;box-shadow:inset 0 0 0 1px #f23f5d40}.hub-filter-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin:-40px 0 0;padding:0;list-style:none}.hub-grid>li{display:flex;min-width:0}.hub-grid>li[hidden]{display:none}.hub-card{position:relative;z-index:0;display:flex;flex:1 1 0;flex-direction:column;gap:14px;min-width:0;padding:24px;border-radius:8px;overflow:hidden;background:#040102a3;box-shadow:0 0 0 1px #ffffff0f,0 -1px #ffffff1a}.hub-card:after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 1px #fca4ae33;opacity:0;transition:opacity .3s ease;pointer-events:none}.hub-card-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#9c8d9224,#04010200 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hub-card.is-link:hover:after,.hub-card.is-link:hover .hub-card-bg{opacity:1}.hub-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hub-card-ic{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;box-shadow:inset 0 1px 4px 1px #ffffff14,inset 0 1px #fff3}.hub-card-ic svg{display:block;width:18px;height:18px;fill:#fff}.hub-card-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font:500 12px/16px var(--font);color:#ff8aa0;background:#f23f5d1f;white-space:nowrap}.hub-card-title{margin:0;font:500 22px/28px var(--font);color:#fff}.hub-card-title a{color:inherit;text-decoration:none}.hub-card-title a:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:2px}.hub-card-desc{margin:0;font:400 15px/23px var(--font);color:var(--muted)}.hub-card-go{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font:500 14px/20px var(--font);color:#fff;text-decoration:none}a.hub-card-go:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:2px}.hub-card-arrow{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid transparent;background:linear-gradient(180deg,#2f292b,#040102) padding-box,linear-gradient(225deg,#695e62,#040102) border-box;transition:background .3s ease,box-shadow .3s ease}.hub-card-arrow svg{display:block;width:16px;height:16px;fill:#ffffffbf;transition:transform .3s ease,fill .3s ease}.hub-card.is-link:hover .hub-card-arrow{background:linear-gradient(192deg,#f23f5d,#bc123c 76.011%) padding-box,linear-gradient(225deg,#fca4ae99,#bc123c66) border-box;box-shadow:0 0 24px #df1d4859}.hub-card.is-link:hover .hub-card-arrow svg{fill:#fff;transform:translate(2px)}.is-planned .hub-card-ic svg{fill:var(--muted)}.is-planned .hub-card-tag{color:var(--muted);background:#ffffff0f}.is-planned .hub-card-title{color:#ffffffa6}.is-planned .hub-card-go{color:var(--muted-2)}.hub-more button{border:0}.hub-more[hidden]{display:none}@media (prefers-reduced-motion:reduce){.hub-filter-btn,.hub-card:after,.hub-card-bg,.hub-card-arrow,.hub-card-arrow svg{transition:none}}@media (max-width:980px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:809px){.hub-head{flex-direction:column;align-items:flex-start;gap:4px}.hub-filter{margin-top:-32px}.hub-grid{gap:16px;margin-top:-32px}.hub-card{padding:20px 16px}}@media (max-width:680px){.hub-grid{grid-template-columns:minmax(0,1fr)}}