.np-csc{--np-navy:#000424;--np-blue:#2068f3;--np-ui-navy:#141947;--np-tag:#f0f5fa;--np-border:#e8e8e8;color:var(--np-navy);font-family:Arbeit Pro,Arial,sans-serif}.np-csc__header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.np-csc__heading{font-size:22px;font-weight:500;line-height:28px;margin:0}.np-csc__filters{display:flex;flex-wrap:wrap;gap:12px}.np-csc__filter{display:flex;flex-direction:column;gap:8px;min-width:180px}.np-csc__filter:first-child{min-width:240px}.np-csc__filter-label{color:#5c5c5c;font-size:14px;font-weight:500;line-height:20px}.np-csc__select-wrap{display:block;position:relative}.np-csc__select-wrap:after{border-bottom:1.5px solid;border-right:1.5px solid;content:"";height:8px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-70%) rotate(45deg);width:8px}.np-csc__filter select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #c9ccd6;border-radius:8px;color:var(--np-navy);cursor:pointer;font:inherit;font-size:16px;height:44px;padding:0 40px 0 14px;width:100%}.np-csc__filter select:focus-visible{outline:2px solid var(--np-blue);outline-offset:2px}.np-csc__grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.np-csc__card{background:#fff;border:1px solid var(--np-border);border-radius:16px;color:inherit;display:flex;flex-direction:column;gap:12px;min-height:248px;padding:24px;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .2s}.np-csc__card:focus-visible,.np-csc__card:hover{border-color:#c9d8f7;box-shadow:0 12px 32px rgba(0,4,36,.08);transform:translateY(-2px)}.np-csc__card:focus-visible{outline:2px solid var(--np-blue);outline-offset:2px}.np-csc__card[hidden]{display:none}.np-csc__tag{align-items:center;align-self:flex-start;background:var(--np-tag);border-radius:6px;color:var(--np-ui-navy);display:inline-flex;font-size:12px;font-weight:500;gap:6px;line-height:18px;padding:2px 8px}.np-csc__tag svg{flex:none;height:16px;width:16px}.np-csc__headline{flex:1;font-size:18px;line-height:24px}.np-csc__headline p{margin:0}.np-csc__headline b,.np-csc__headline strong{color:#1c1a17;font-weight:600}.np-csc__footer{gap:16px;justify-content:space-between;margin-top:auto}.np-csc__footer,.np-csc__logo{align-items:center;display:flex}.np-csc__logo{height:48px;max-width:140px}.np-csc__logo img{height:auto;max-height:48px;max-width:140px;object-fit:contain;object-position:left center;width:auto}.np-csc__logo-text{font-size:14px;font-weight:500}.np-csc__arrow{color:var(--np-blue);display:inline-flex;flex:none;transition:transform .2s}.np-csc__arrow svg{height:20px;width:20px}.np-csc__card:hover .np-csc__arrow{transform:translateX(3px)}.np-csc__empty{color:#5c5c5c;font-size:16px;margin:24px 0 0}@media (max-width:1199px){.np-csc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991px){.np-csc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575px){.np-csc__header{align-items:stretch}.np-csc__filters,.np-csc__header{flex-direction:column}.np-csc__filter,.np-csc__filter:first-child{min-width:0}.np-csc__grid{gap:12px;grid-template-columns:1fr}.np-csc__card{min-height:0}.np-csc__headline{margin-bottom:20px}}.np-csc{box-sizing:border-box;margin:0 auto;max-width:1248px;padding:64px 24px 96px}@media (max-width:767px){.np-csc{padding:48px 20px 64px}}.np-csc{background:#f7faff;box-shadow:0 0 0 100vmax #f7faff;clip-path:inset(0 -100vmax)}.np-csc .np-csc__filter select{background-color:#fff!important;border:1px solid var(--np-border)!important}.np-csc__header{justify-content:flex-start}.np-csc__header:has(.np-csc__heading){justify-content:space-between}.np-csc a.np-csc__card,.np-csc a.np-csc__card:active,.np-csc a.np-csc__card:focus,.np-csc a.np-csc__card:focus-visible,.np-csc a.np-csc__card:hover,.np-csc a.np-csc__card:visited{color:var(--np-navy)!important;text-decoration:none!important}.np-csc a.np-csc__card:hover .np-csc__headline,.np-csc a.np-csc__card:hover .np-csc__logo-text{color:var(--np-navy)!important}.np-csc a.np-csc__card:hover .np-csc__headline b,.np-csc a.np-csc__card:hover .np-csc__headline strong{color:#1c1a17!important;font-weight:600!important}.np-csc a.np-csc__card:hover .np-csc__tag{color:var(--np-ui-navy)!important}