.rewards-page { --panel: #101a30; --border: #2c3b5a; }
.rewards-nav { position: relative; display: grid; justify-items: center; margin: 2px 0 28px; row-gap: 12px; }
.rewards-nav .crumb { justify-self: start; margin-bottom: 0; font-size: 12px; }
.reward-tabs { display: flex; align-items: center; padding: 6px; border-radius: 100px; background: #0e192d; max-width: 100%; }
.reward-tabs a { display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: #b0bcd4; padding: 7px 18px; border-radius: 100px; font-size: 14px; line-height: 20px; }
.reward-tabs a:hover { background: #1d2b49; color: white; }
.reward-tabs a[aria-current] { background: #19387e; color: #f4f7ff; }
.reward-tabs img, .reward-card-icon img { filter: brightness(0) invert(1); }
.reward-tabs a:not([aria-current]) img { opacity: .68; }
.rewards-page .sports-intro {
  --accent: #ffbe76; --halo: #624071; --illustration: url("/assets/rewards/vip-trophy.webp");
  position: relative; isolation: isolate; z-index: auto; top: auto; overflow: hidden;
  padding: clamp(24px,3.7vw,48px); padding-right: 31%; border-radius: 18px; border: 1px solid #424465;
  background: radial-gradient(ellipse at 89% 96%, var(--halo), transparent 45%), linear-gradient(110deg,#161f39 10%,#202845 71%,#282a47);
}
.rewards-page .sports-intro::before, .rewards-page .sports-intro::after { content: ""; position: absolute; z-index: -1; pointer-events: none; }
.rewards-page .sports-intro::before { inset: 0 0 0 65%; opacity: .44; background: radial-gradient(ellipse at 50% 50%,transparent 0 46%,#e4d2ff31 46.3% 46.8%,transparent 47.2% 58%,#e4d2ff25 58.3% 58.8%,transparent 59%); transform: rotate(-16deg); }
.rewards-page .sports-intro::after { inset: 11% 3% 10% 71%; background: var(--illustration) no-repeat center / contain; filter: drop-shadow(0 12px 16px #080c1f60); }
.rewards-page .sports-edition { color: #f2ce95; font-size: 12px; letter-spacing: .045em; }
.rewards-page .sports-intro h1 { font-size: clamp(34px,4vw,54px); line-height: 1.06; margin: 12px 0; }
.rewards-page .sports-intro p:last-child { font-size: clamp(15px,1.2vw,17px); line-height: 1.6; }
.rewards-refer-a-friend .sports-intro { --illustration: url("/assets/rewards/vip-community.webp"); --halo: #70415e; }
.rewards-promo .sports-intro { --illustration: url("/assets/rewards/promotions.svg"); --halo: #344c7a; }
.rewards-promo .sports-intro::after { inset: 22% 8% 22% 76%; filter: brightness(0) invert(.9) drop-shadow(0 4px 24px #aaa8ec); }
.reward-cards, .reward-steps, .reward-types { margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.reward-card, .reward-steps li, .reward-types details { border: 1px solid var(--border); border-radius: 13px; background: var(--panel); }
.reward-card { position: relative; padding: 18px 20px; display: grid; justify-items: start; gap: 5px; }
.reward-card:hover { border-color: #6c83b5; background: #172641; }
.reward-card-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 8px; border-radius: 12px; background: #263e69; }
.reward-card-vip .reward-card-icon { background: #4f345a; }
.reward-card-refer-a-friend .reward-card-icon { background: #283c55; }
.reward-card-icon img { width: 21px; height: 21px; }
.reward-card-arrow { position: absolute; right: 19px; top: 16px; color: #a0b4d5; }
.reward-card strong { font-size: 20px; letter-spacing: -.025em; }
.reward-card-deck, .reward-steps p, .reward-types p { font-weight: 400; color: #c1cde0; line-height: 1.55; }
.reward-card-deck, .reward-steps p, .reward-types p { font-size: 14px; }
.reward-steps { list-style: none; }
.reward-steps li, .reward-types details { padding: 18px 20px; }
.reward-steps .step-number { display: inline-grid; place-items: center; margin-right: 9px; width: 26px; height: 26px; background: #080f20; border-radius: 50%; font-weight: 700; }
.reward-steps p { margin-top: 8px; }
.reward-types { align-items: start; }
.reward-types summary { font-weight: 700; }
.reward-types p { margin-bottom: 0; }
.rewards-page .sports-layout { display: flex; flex-direction: column; gap: 27px; }
.rewards-page .sports-contents { order: -1; display: flex; align-self: stretch; align-items: baseline; flex-wrap: wrap; column-gap: 18px; row-gap: 3px; }
.rewards-page .sports-contents strong { color: #eef2ff; }
.rewards-page .sports-contents a { font-size: 13px; }
.rewards-page .sports-copy { min-width: 0; overflow-wrap: break-word; }
.nav-bar-contain-m li[data-category="rewards"]:has(>a[aria-current])::before,
.nav-bar-contain-m li[data-category="rewards"]:has(>a[aria-current])::after { width: 100%; }
@media (min-width: 1040px) {
  .rewards-nav { display: flex; align-items: center; justify-content: center; }
  .rewards-nav .crumb { position: absolute; left: 0; max-width: 30%; }
}
@media (max-width: 720px) {
  .rewards-page .sports-intro { padding: 22px; }
  .rewards-page .sports-intro h1 { padding-right: 60px; min-height: 37px; }
  .rewards-page .sports-intro p:last-child { max-width: none; }
  .rewards-page .sports-intro::before { display: none; }
  .rewards-page .sports-intro::after { inset: 12px 17px auto auto; width: 54px; height: 63px; }
  .rewards-promo .sports-intro::after { width: 40px; right: 20px; }
  .rewards-nav { margin-bottom: 16px; }
  .reward-cards, .reward-steps, .reward-types { grid-template-columns: 1fr; gap: 8px; }
  .reward-card { grid-template-columns: 40px 1fr; gap: 2px 13px; align-items: center; padding: 13px 36px 13px 14px; }
  .reward-card-icon { grid-row: span 2; margin: 0; }
  .reward-card strong { font-size: 17px; }
  .reward-card-arrow { right: 13px; top: 12px; }
  .reward-card-deck { font-size: 13px; }
  .reward-tabs a { padding: 7px 10px; font-size: 13px; }
  .reward-tabs img { width: 15px; height: 15px; }
  .reward-steps li, .reward-types details { padding: 13px 16px; }
  .rewards-page .sports-contents { display: block; padding: 14px 18px; }
}
@media (max-width: 360px) { .reward-tabs a { padding-inline: 7px; } }