.sr-top-strivers {
  box-sizing: border-box;
  isolation: isolate;
  width: 100%;
  padding: clamp(28px, 4vw, 54px) 24px clamp(52px, 6vw, 86px);
  color: #f8f6ff;
  background: transparent;
}
.sr-top-strivers *, .sr-top-strivers *::before, .sr-top-strivers *::after { box-sizing: border-box; }
.sr-top-strivers .sr-top-strivers__inner { width: 100%; max-width: 1540px; margin: 0 auto; }
.sr-top-strivers .sr-top-strivers__sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sr-top-strivers .sr-top-strivers__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(12px, 1.5vw, 22px); margin: 0; padding: 0; list-style: none; }
.sr-top-strivers .sr-top-strivers__item { min-width: 0; margin: 0; padding: 0; list-style: none; }
.sr-top-strivers .sr-top-strivers__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 340px;
  margin: 0;
  padding: 30px 20px 21px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(200, 176, 255, .18);
  border-radius: 24px;
  background: radial-gradient(circle at 50% 15%, rgba(125, 71, 225, .22), transparent 45%), linear-gradient(155deg, #221238, #130e24 64%, #110d20);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .05);
  color: #f8f6ff;
  text-align: center;
  text-decoration: none;
}
.sr-top-strivers .sr-top-strivers__card::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .10) 49%, transparent 67%); transform: translateX(-120%); }
.sr-top-strivers .sr-top-strivers__external { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(197, 173, 255, .22); border-radius: 50%; background: rgba(16, 10, 32, .4); color: #c8b5ff; font: 700 17px/1 ui-sans-serif, system-ui, sans-serif; }
.sr-top-strivers .sr-top-strivers__portrait { display: grid; place-items: center; flex: none; width: clamp(128px, 11vw, 156px); height: clamp(128px, 11vw, 156px); margin: 2px auto 20px; overflow: hidden; border: 3px solid rgba(189, 154, 255, .68); border-radius: 50%; background: #39206b; box-shadow: 0 0 0 8px rgba(159, 104, 255, .10), 0 20px 38px rgba(0, 0, 0, .25); }
.sr-top-strivers .sr-top-strivers__portrait img { display: block; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; border: 0; border-radius: 50%; object-fit: cover; }
.sr-top-strivers .sr-top-strivers__portrait span { color: #fff; font: 800 54px/1 ui-sans-serif, system-ui, sans-serif; }
.sr-top-strivers .sr-top-strivers__card h3 { margin: 0; padding: 0; overflow-wrap: anywhere; color: #fff; font: 750 clamp(18px, 1.5vw, 22px)/1.2 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.03em; }
.sr-top-strivers .sr-top-strivers__platform { margin: 7px 0 19px; color: #c4b0ee; font: 600 12px/1.3 ui-sans-serif, system-ui, sans-serif; }
.sr-top-strivers .sr-top-strivers__proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: auto; padding-top: 17px; border-top: 1px solid rgba(222, 208, 255, .16); }
.sr-top-strivers .sr-top-strivers__proof--single { grid-template-columns: 1fr; }
.sr-top-strivers .sr-top-strivers__proof > div { min-width: 0; padding: 0 5px; }
.sr-top-strivers .sr-top-strivers__proof > div + div { border-left: 1px solid rgba(222, 208, 255, .15); }
.sr-top-strivers .sr-top-strivers__proof strong { display: block; color: #fff; font: 800 clamp(19px, 2vw, 26px)/1.1 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.04em; }
.sr-top-strivers .sr-top-strivers__proof span { display: block; margin-top: 6px; color: #bcb3ca; font: 500 11px/1.3 ui-sans-serif, system-ui, sans-serif; }
.sr-top-strivers .sr-top-strivers__footer { display: flex; justify-content: center; margin-top: clamp(26px, 3vw, 40px); }
.sr-top-strivers .sr-top-strivers__footer a { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 12px 20px; border: 1px solid rgba(193, 167, 255, .42); border-radius: 12px; background: rgba(116, 73, 210, .26); color: #f6f2ff; font: 700 13px/1.2 ui-sans-serif, system-ui, sans-serif; text-decoration: none; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
.sr-top-strivers .sr-top-strivers__footer a:hover { border-color: #c4a7ff; background: rgba(130, 82, 225, .43); color: #fff; transform: translateY(-2px); }
.sr-top-strivers .sr-top-strivers__footer a:focus-visible, .sr-top-strivers a.sr-top-strivers__card:focus-visible { outline: 2px solid #c4a7ff; outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .sr-top-strivers a.sr-top-strivers__card { transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
  .sr-top-strivers a.sr-top-strivers__card .sr-top-strivers__portrait img { transition: transform .5s ease; }
  .sr-top-strivers a.sr-top-strivers__card:hover { transform: translateY(-6px); border-color: rgba(201, 164, 255, .54); box-shadow: 0 25px 52px rgba(0, 0, 0, .29), 0 0 25px rgba(105, 49, 202, .15); }
  .sr-top-strivers a.sr-top-strivers__card:hover::after { animation: sr-ts-shimmer .9s ease both; }
  .sr-top-strivers a.sr-top-strivers__card:hover .sr-top-strivers__portrait img { transform: scale(1.06); }
  @keyframes sr-ts-shimmer { from { transform: translateX(-120%); } to { transform: translateX(120%); } }
}
@media (max-width: 1160px) { .sr-top-strivers .sr-top-strivers__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .sr-top-strivers .sr-top-strivers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) {
  .sr-top-strivers { padding: 20px 16px 54px; }
  .sr-top-strivers .sr-top-strivers__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .sr-top-strivers .sr-top-strivers__card { display: grid; grid-template-columns: 105px minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 18px; min-height: 146px; padding: 18px; text-align: left; }
  .sr-top-strivers .sr-top-strivers__portrait { grid-row: 1 / 4; width: 102px; height: 102px; margin: auto 0; }
  .sr-top-strivers .sr-top-strivers__portrait span { font-size: 40px; }
  .sr-top-strivers .sr-top-strivers__card h3 { align-self: end; padding-right: 22px; font-size: 18px; }
  .sr-top-strivers .sr-top-strivers__platform { margin: 4px 0 0; }
  .sr-top-strivers .sr-top-strivers__proof { align-self: end; margin: 12px 0 0; padding-top: 9px; }
  .sr-top-strivers .sr-top-strivers__proof strong { font-size: 17px; }
  .sr-top-strivers .sr-top-strivers__proof span { font-size: 10px; }
}
@media (max-width: 350px) { .sr-top-strivers .sr-top-strivers__card { grid-template-columns: 84px minmax(0, 1fr); column-gap: 12px; padding: 14px; } .sr-top-strivers .sr-top-strivers__portrait { width: 82px; height: 82px; } }