.affiliate-rewards {
  position: relative;
  background: #040404;
  padding: 100px 0 120px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .affiliate-rewards {
    padding: 60px 0 80px;
  }
}
.affiliate-rewards__atmosphere {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.affiliate-rewards__particle {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: #7D6530;
  opacity: 0;
  -webkit-filter: blur(var(--blur));
          filter: blur(var(--blur));
  -webkit-transform: scale(var(--s));
      -ms-transform: scale(var(--s));
          transform: scale(var(--s));
  -webkit-animation: ar-particle-rise var(--dur) linear var(--delay) infinite;
          animation: ar-particle-rise var(--dur) linear var(--delay) infinite;
  will-change: transform, opacity;
}
.affiliate-rewards__particle.is-soft {
  background: radial-gradient(50% 50% at 50% 50%, #7D6530 0%, rgba(125, 101, 48, 0.83) 8%, rgba(125, 101, 48, 0.61) 20%, rgba(125, 101, 48, 0.43) 32%, rgba(125, 101, 48, 0.27) 45%, rgba(125, 101, 48, 0.15) 57%, rgba(125, 101, 48, 0.07) 71%, rgba(125, 101, 48, 0.02) 84%, rgba(125, 101, 48, 0) 100%);
}
.affiliate-rewards__particle.is-spark {
  background-color: #a88a45;
}
.affiliate-rewards__container {
  position: relative;
  z-index: 1;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .affiliate-rewards__container {
    padding: 0 20px;
  }
}
.affiliate-rewards__pretitle-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-bottom: 20px;
}
.affiliate-rewards__line {
  display: block;
  width: 108px;
  height: 1px;
}
.affiliate-rewards__line--left {
  background: -webkit-gradient(linear, right top, left top, from(#DB9A0B), to(rgba(117, 82, 6, 0)));
  background: linear-gradient(270deg, #DB9A0B 0%, rgba(117, 82, 6, 0) 100%);
}
.affiliate-rewards__line--right {
  background: -webkit-gradient(linear, left top, right top, from(#DB9A0B), to(rgba(117, 82, 6, 0)));
  background: linear-gradient(90deg, #DB9A0B 0%, rgba(117, 82, 6, 0) 100%);
}
@media (max-width: 768px) {
  .affiliate-rewards__line {
    width: 80px;
  }
}
@media (max-width: 576px) {
  .affiliate-rewards__line {
    width: 60px;
  }
}
.affiliate-rewards__pretitle {
  color: var(--Color-2, #DB9A0B);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: -0.4px;
  margin: 0;
}
.affiliate-rewards__title {
  max-width: 924px;
  color: var(--Color-10, #EEE);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 63.84px;
  letter-spacing: -1.12px;
  margin: 0 0 60px;
}
.affiliate-rewards__title .affiliate-rewards__title-highlight {
  background: -webkit-gradient(linear, left top, right top, from(#DB9A0B), color-stop(44.23%, #DB9A0B));
  background: linear-gradient(90deg, #DB9A0B 0%, #DB9A0B 44.23%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 63.84px;
  letter-spacing: -1.12px;
}
@media (max-width: 890px) {
  .affiliate-rewards__title br {
    display: none;
  }
}
@media (max-width: 768px) {
  .affiliate-rewards__title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.64px;
    margin-bottom: 40px;
  }
  .affiliate-rewards__title .affiliate-rewards__title-highlight {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.64px;
  }
}
.affiliate-rewards__subtitle {
  color: #FFF;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 31px;
  letter-spacing: -0.56px;
  margin: 0;
}
@media (max-width: 768px) {
  .affiliate-rewards__subtitle {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
}
.affiliate-rewards__image {
  position: absolute;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
  will-change: transform, opacity;
}
.affiliate-rewards__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.affiliate-rewards__image--chain {
  bottom: -27%;
  left: 210px;
  width: 193.66px;
  height: 115.36px;
  aspect-ratio: 193.66/115.36;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
@media (max-width: 1320px) {
  .affiliate-rewards__image--chain {
    left: 3%;
  }
}
@media (max-width: 1024px) {
  .affiliate-rewards__image--chain {
    display: none;
  }
}
.affiliate-rewards__image--wallet {
  bottom: -26%;
  right: 170px;
  width: 183px;
  height: 149px;
  aspect-ratio: 183/149;
}
@media (max-width: 1320px) {
  .affiliate-rewards__image--wallet {
    right: 3%;
  }
}
@media (max-width: 1024px) {
  .affiliate-rewards__image--wallet {
    display: none;
  }
}
.affiliate-rewards__badges-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  overflow: hidden;
}
.affiliate-rewards__badge {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  padding: 12px 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid rgba(10, 225, 85, 0.77);
  background: transparent;
  white-space: nowrap;
  will-change: transform, opacity;
  isolation: isolate;
}
.affiliate-rewards__badge::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 12px;
  background: rgba(10, 10, 10, 0.75);
  z-index: -1;
}
.affiliate-rewards__badge img {
  display: block;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.affiliate-rewards__badge-value {
  position: relative;
  z-index: 1;
  color: #EEE;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: -0.375px;
}
.affiliate-rewards.is-visible .affiliate-rewards__image {
  opacity: 1;
}

@-webkit-keyframes ar-particle-rise {
  0% {
    -webkit-transform: translate(0px, 0px) scale(var(--s));
            transform: translate(0px, 0px) scale(var(--s));
    opacity: 0;
  }
  8% {
    opacity: var(--o);
  }
  90% {
    opacity: var(--o);
  }
  100% {
    -webkit-transform: translate(var(--dx), calc(var(--h) * -1)) scale(var(--s));
            transform: translate(var(--dx), calc(var(--h) * -1)) scale(var(--s));
    opacity: 0;
  }
}

@keyframes ar-particle-rise {
  0% {
    -webkit-transform: translate(0px, 0px) scale(var(--s));
            transform: translate(0px, 0px) scale(var(--s));
    opacity: 0;
  }
  8% {
    opacity: var(--o);
  }
  90% {
    opacity: var(--o);
  }
  100% {
    -webkit-transform: translate(var(--dx), calc(var(--h) * -1)) scale(var(--s));
            transform: translate(var(--dx), calc(var(--h) * -1)) scale(var(--s));
    opacity: 0;
  }
}