.q4-resource-hub{background-color:#01010a;padding:48px 0 80px}.q4-resource-hub__inner{align-items:start;display:grid;gap:56px;grid-template-columns:1fr 280px;margin:0 auto;max-width:1280px;padding:0 40px}.q4-resource-hub__controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.q4-resource-hub__type-wrap{align-items:center;display:flex;gap:10px}.q4-resource-hub__type-label{color:hsla(0,0%,100%,.55);font-size:14px;white-space:nowrap}.q4-resource-hub__select-wrap{align-items:center;display:flex;position:relative}.q4-resource-hub__select{appearance:none;background:transparent;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;outline:none;padding-right:20px}.q4-resource-hub__select option{background:#0d0d1a;color:#fff}.q4-select-arrow{color:hsla(0,0%,100%,.5);pointer-events:none;position:absolute;right:0}.q4-resource-hub__search-wrap{flex:1;margin-left:auto;max-width:320px}.q4-resource-hub__search{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s;width:100%}.q4-resource-hub__search::placeholder{color:hsla(0,0%,100%,.35)}.q4-resource-hub__search:focus{border-color:#006add}.q4-resource-hub__heading{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin:0 0 32px}.q4-resource-card--featured{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin-bottom:24px;overflow:hidden;transition:border-color .2s}.q4-resource-card--featured:hover{border-color:rgba(0,106,221,.4)}.q4-resource-card__featured-body{display:grid;grid-template-columns:1fr 1fr;min-height:200px}.q4-resource-card__featured-content{display:flex;flex-direction:column;justify-content:center;padding:32px}.q4-resource-card__featured-img-wrap{display:block;overflow:hidden}.q4-resource-card__featured-img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.q4-resource-card--featured:hover .q4-resource-card__featured-img{transform:scale(1.03)}.q4-resource-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.q4-resource-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s,transform .2s}.q4-resource-card:hover{border-color:rgba(0,106,221,.4);transform:translateY(-2px)}.q4-resource-card__img-wrap{aspect-ratio:16/9;display:block;overflow:hidden}.q4-resource-card__img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.q4-resource-card:hover .q4-resource-card__img{transform:scale(1.03)}.q4-resource-card__img-wrap--placeholder{aspect-ratio:16/9;background:hsla(0,0%,100%,.04)}.q4-resource-card__img-placeholder{background:linear-gradient(135deg,rgba(0,106,221,.1),rgba(69,51,238,.1));height:100%;width:100%}.q4-resource-card__body{display:flex;flex:1;flex-direction:column;padding:20px}.q4-resource-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.q4-resource-card__tag{background:#18244b;border-radius:100px;color:#f6f9fc;font-size:12px;font-weight:600;line-height:1.3;padding:4px 12px}.q4-resource-card__title{color:#fff;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 10px}.q4-resource-card__title a{color:inherit;text-decoration:none;transition:color .2s}.q4-resource-card__title a:hover{color:#006add}.q4-resource-card__excerpt{color:hsla(0,0%,100%,.5);flex:1;font-size:13px;line-height:1.6;margin:0}.q4-resource-empty{color:hsla(0,0%,100%,.4);font-size:15px;padding:60px 0;text-align:center}.q4-resource-hub__sidebar{position:sticky;top:100px}.q4-sidebar-block{margin-bottom:40px}.q4-sidebar-block__heading{border-bottom:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.45);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.q4-sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}.q4-sidebar-tag{background:#18244b;border:none;border-radius:100px;color:#f6f9fc;cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.q4-sidebar-tag.is-active,.q4-sidebar-tag:hover{background:#0c0ce9;color:#fff}.q4-sidebar-list{list-style:none;margin:0;padding:0}.q4-sidebar-list__item{border-bottom:1px solid hsla(0,0%,100%,.06);padding:10px 0}.q4-sidebar-list__item:last-child{border-bottom:none}.q4-sidebar-list__link{color:hsla(0,0%,100%,.6);display:block;font-size:13px;line-height:1.4;text-decoration:none;transition:color .2s}.q4-sidebar-list__link:hover{color:#006add}@media (max-width:1100px){.q4-resource-hub__inner{grid-template-columns:1fr}.q4-resource-hub__sidebar{display:grid;gap:32px;grid-template-columns:repeat(3,1fr);position:static}}@media (max-width:860px){.q4-resource-grid{grid-template-columns:repeat(2,1fr)}.q4-resource-card__featured-body{grid-template-columns:1fr}.q4-resource-card__featured-img-wrap{aspect-ratio:16/9}}@media (max-width:600px){.q4-resource-hub__inner{padding:0 20px}.q4-resource-grid,.q4-resource-hub__sidebar{grid-template-columns:1fr}.q4-resource-hub__controls{flex-wrap:wrap}.q4-resource-hub__search-wrap{max-width:100%;width:100%}}