* {
      box-sizing: border-box;
  }

  p {
      font-size: 17px;
  }

  body {
      margin: 0;
      font-weight: 200;
      font-size: 17px;
      font-family: 'Montserrat', sans-serif;
      background: #020518;
      color: #ffffff;
  }

  .nv-page-wrapper {
      padding-top: 80px;
      /* space for fixed header */
  }

  .nv-main-header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      background: #050b23;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .nv-main-header__inner {
      max-width: 1320px;
      margin: 0 auto;
      padding: 10px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .nv-main-header__brand {
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .nv-main-header__logo {



      display: inline-flex;
      align-items: center;
      justify-content: center;

  }

  .nv-main-header__logo img {
      width: auto;
      height: 50px;
      object-fit: cover;
      display: block;
  }

  .nv-main-header__nav {
      display: flex;
      align-items: center;
      gap: 48px;
  }

  .nv-main-header__link {
      font-size: 15px;
      line-height: 1.4;
      font-weight: 400;
      text-decoration: none;
      color: #f5f6ff;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
      transition: color 0.25s ease;
  }

  .nv-main-header__link i {
      font-size: 12px;
  }

  .nv-main-header__link:hover {
      color: #ff77ff;
  }

  /* Simple placeholder content */
  .nv-demo-content {
      max-width: 960px;
      margin: 0 auto;
      padding: 32px 24px 120px;
      font-size: 18px;
      line-height: 1.6;
      color: #e4e7ff;
  }

  .nv-demo-content p+p {
      margin-top: 18px;
  }

  /* Adaptive */

  @media (max-width: 991px) {
      .nv-main-header__inner {
          padding-inline: 16px;
      }

      .nv-main-header__nav {
          gap: 24px;
      }
  }

  @media (max-width: 768px) {
      .nv-main-header__inner {
          padding: 8px 12px;
      }

      .nv-main-header__nav {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          gap: 20px;
      }

      .nv-main-header__link {
          font-size: 16px;
      }

      .nv-page-wrapper {
          padding-top: 64px;
      }

      .nv-main-header__logo {
          width: 34px;
          height: 34px;
      }
  }

  .mk-hero-arc {
      position: relative;
      padding: 100px 16px 80px;
      background: radial-gradient(circle at 50% -20%, #2b095a 0, #02051a 60%, #020414 100%);
      overflow: hidden;
  }

  .mk-hero-arc__inner {
      max-width: 960px;
      margin: 0 auto;
      text-align: center;
      position: relative;
      z-index: 2;
  }

  .mk-hero-arc__title {
      margin: 0 0 16px;
      font-size: 32px;
      line-height: 1.2;
      font-weight: 700;
  }

  .mk-hero-arc__subtitle {
      margin: 0;
      font-size: 18px;
      line-height: 1.6;
      font-weight: 400;
      color: #e3e5ff;
  }

  /* base curved lines */
  .mk-hero-arc__curve {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 50%;
      pointer-events: none;
  }

  .mk-hero-arc__curve--top {
      top: -210px;
      width: 170%;
      height: 420px;
      border: 1px solid rgba(255, 255, 255, 0.16);
  }

  .mk-hero-arc__curve--middle {
      top: -180px;
      width: 155%;
      height: 380px;
      border: 1px solid rgba(255, 255, 255, 0.20);
  }

  .mk-hero-arc__curve--bottom {
      top: -150px;
      width: 140%;
      height: 340px;
      border: 1px solid rgba(255, 255, 255, 0.30);
  }

  /* animated glowing line */
  .mk-hero-arc__curve-animated {
      position: absolute;
      left: 50%;
      top: -160px;
      transform: translateX(-50%);
      width: 160%;
      height: 360px;
      border-radius: 50%;
      pointer-events: none;
  }

  .mk-hero-arc__curve-animated::before {
      content: "";
      position: absolute;
      inset: 0;
      padding: 2px;
      border-radius: inherit;
      background: linear-gradient(90deg,
              #8c5bff,
              #ff5fd0,
              #ffd080,
              #ff5fd0,
              #8c5bff);
      background-size: 260% 100%;
      -webkit-mask:
          linear-gradient(#000 0 0) content-box,
          linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      animation: mk-hero-arc-run 7s linear infinite;
      opacity: 0.9;
  }

  @keyframes mk-hero-arc-run {
      0% {
          background-position: 0 0;
      }

      100% {
          background-position: 260% 0;
      }
  }

  /* =============== BREADCRUMB =============== */


  .mk-hero-arc-two {
      position: relative;
      padding: 150px 16px 210px;
      background: radial-gradient(circle at 50% -25%, #261265 0, #02051a 60%, #020414 100%);
      overflow: hidden;
  }

  .mk-hero-arc-two__inner {
      max-width: 780px;
      margin: 0 auto;
      text-align: center;
      position: relative;
      z-index: 2;
  }

  .mk-hero-arc-two__title {
      margin: 0 0 14px;
      font-size: 32px;
      line-height: 1.2;
      font-weight: 700;
  }

  .mk-hero-arc-two__subtitle {
      margin: 0;
      font-size: 17px;
      line-height: 1.6;
      font-weight: 200;
      color: #e4e7ff;
  }

  /* ------- two convex (concave to bottom) lines ------- */

  .mk-hero-arc-two__curve {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 50%;
      pointer-events: none;
      border: 2px solid rgba(255, 255, 255, 0.22);
      overflow: hidden;
  }

  .mk-hero-arc-two__curve--first {
      bottom: 100px;
      width: 1400px;
      height: 1400px;
  }

  .mk-hero-arc-two__curve--second {
      bottom: 27px;
      width: 1488px;
      height: 1400px;
  }

  /* blue light running along the curves */
  .mk-hero-arc-two__curve::before {
      content: "";
      position: absolute;
      inset: -2px;
      border-radius: inherit;
      padding: 2px;
      background: linear-gradient(90deg,
              #2f6bff,
              #7b8cff,
              #59e0ff,
              #2f6bff);
      background-size: 240% 100%;

      /* show only as thin border */
      -webkit-mask:
          linear-gradient(#000 0 0) content-box,
          linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;

      opacity: 0.75;
      animation: mk-hero-arc-two-run 7s linear infinite;
  }

  .mk-hero-arc-two__curve--second::before {
      animation-duration: 9s;
      animation-delay: -3s;
  }

  @keyframes mk-hero-arc-two-run {
      0% {
          background-position: 0 0;
      }

      100% {
          background-position: 240% 0;
      }
  }

  /* =============== BREADCRUMB =============== */

  .mk-hero-crumb-two {

      padding: 24px 16px 16px;
  }

  .mk-hero-crumb-two__inner {
      max-width: 1315px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 17px;
      line-height: 1.5;
  }

  .mk-hero-crumb-two__home {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border-radius: 6px;

      color: #ffffff;
      text-decoration: none;
  }

  .mk-hero-crumb-two__home img {
      height: 24px;
      width: 24px;
  }

  .mk-hero-crumb-two__divider {
      color: #ffffff;
      opacity: 0.7;
  }

  .mk-hero-crumb-two__label {
      color: #ffffff;
      height: 17px;
      font-weight: 200;
      line-height: 110%;
  }

  /* demo body */
  .mk-hero-body-two {
      max-width: 1120px;
      margin: 0 auto;
      padding: 40px 16px 80px;
      font-size: 18px;
      line-height: 1.7;
      color: #e4e7ff;
  }

  /* =============== ADAPTIVE =============== */

  @media (max-width: 1024px) {
      .mk-hero-arc-two {
          padding-top: 90px;
          padding-bottom: 70px;
      }
  }

  @media (max-width: 768px) {
      .mk-hero-arc-two {
          padding-top: 80px;
          padding-bottom: 54px;
      }

      .mk-hero-arc-two__title {
          font-size: 26px;
      }

      .mk-hero-arc-two__subtitle {
          font-size: 16px;
      }

      .mk-hero-arc-two__curve--first,
      .mk-hero-arc-two__curve--second {
          opacity: 0.5;
      }

      .mk-hero-crumb-two__inner {
          font-size: 16px;
      }

      .mk-hero-body-two {
          font-size: 16px;
      }
  }


  .mk-hero-arc-two__curve {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 50%;
      pointer-events: none;
      border: 1px solid rgba(255, 255, 255, 0.25);
      /* базовая светло-серая линия */
      overflow: visible;
  }

  .mk-hero-arc-two__curve--first {
      bottom: 100px;
      width: 1400px;
      height: 1400px;
  }

  .mk-hero-arc-two__curve--second {
      bottom: 27px;
      width: 1488px;
      height: 1400px;
  }


  .mk-hero-arc-two__curve::before {
      content: "";
      position: absolute;
      inset: -3px;
      border-radius: inherit;

      /* узкий сиреневый сегмент + прозрачные участки */
      background: conic-gradient(from 0deg,
              transparent 0deg,
              transparent 260deg,
              #b96bff 285deg,
              #f3c8ff 305deg,
              #b96bff 330deg,
              transparent 360deg);

      /* оставляем только кольцо по контуру */
      mask: radial-gradient(farthest-side,
              transparent calc(100% - 4px),
              #000 calc(100% - 1px));

      opacity: 0.95;
      will-change: transform;
      animation: mk-hero-arc-two-rotate 6s linear infinite;
  }

  .mk-hero-arc-two__curve--second::before {
      animation-duration: 8s;
      /* другая скорость для второй линии */
      animation-direction: reverse;
      /* в обратную сторону, чтобы было живее */
  }

  @keyframes mk-hero-arc-two-rotate {
      0% {
          transform: rotate(0deg);
      }

      100% {
          transform: rotate(360deg);
      }
  }

  .mbp-intro {
      padding: 60px 16px 40px;
  }

  .mbp-intro__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .mbp-intro__title {
      margin: 0 0 24px;
      font-size: 42px;
      line-height: 1.2;
      font-weight: 700;
  }

  .mbp-intro__text {
      margin: 0 0 40px;
      font-size: 18px;
      line-height: 1.7;
      color: #d9e0ff;
  }

  .mbp-intro__text strong {
      font-weight: 700;
  }

  /* expert card */

  .mbp-expert {
      margin-top: 10px;
      background: #111a2a;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      padding: 24px 28px 24px;
      display: flex;
      flex-direction: column;
      gap: 18px;
  }

  .mbp-expert__top {
      display: flex;
      align-items: center;
      gap: 18px;
  }

  .mbp-expert__photo-wrap {
      position: relative;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      overflow: hidden;
      flex-shrink: 0;
  }

  .mbp-expert__photo {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
  }

  .mbp-expert__flag {

      left: -4px;
      bottom: -4px;
      padding: 3px 8px;

      font-size: 30px;
      display: inline-flex;
      align-items: center;
      gap: 4px;

  }

  .mbp-expert__flag span {
      display: inline-block;
      width: 30px;
      height: 20px;
      border-radius: 2px;
      background: linear-gradient(to right,
              #e50914 0,
              #e50914 33.3%,
              #ffffff 33.3%,
              #ffffff 66.6%,
              #e50914 66.6%,
              #e50914 100%);
  }

  .mbp-expert__info {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 16px;
  }

  .mbp-expert__name-row {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
  }

  .mbp-expert__name {
      font-size: 18px;
      font-weight: 600;
  }

  .mbp-expert__badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 10px;
      font-size: 14px;
      color: #9ed4ff;
      gap: 6px;
  }

  .mbp-expert__badge i {
      font-size: 14px;
  }

  .mbp-expert__meta {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      font-size: 16px;
      color: #d9e0ff;
  }

  .mbp-expert__rating {
      display: inline-flex;
      align-items: center;
      gap: 6px;
  }

  .mbp-expert__rating i {
      font-size: 15px;
      color: #ffc857;
  }

  .mbp-expert__role {
      opacity: 0.9;
  }

  .mbp-expert__icons {
      margin-left: auto;
      display: inline-flex;
      gap: 10px;
      font-size: 16px;
      color: #f3f6ff;
  }

  .mbp-expert__icons i {
      opacity: 0.85;
  }

  .mbp-expert__text {
      margin: 0;
      font-size: 15px;
      font-weight: 200;
      line-height: 1.7;
      color: #d7def7;
  }

  /* adaptive */

  @media (max-width: 1024px) {
      .mbp-intro__title {
          font-size: 34px;
      }
  }

  @media (max-width: 768px) {
      .mbp-intro {
          padding: 36px 16px 32px;
      }

      .mbp-intro__title {
          font-size: 28px;
          margin-bottom: 18px;
      }

      .mbp-intro__text {
          font-size: 16px;
          margin-bottom: 28px;
      }

      .mbp-expert {
          padding: 20px 18px 20px;
      }

      .mbp-expert__top {
          flex-direction: row;
          align-items: flex-start;
      }

      .mbp-expert__name-row {
          flex-wrap: wrap;
      }

      .mbp-expert__meta {
          font-size: 15px;
      }

      .mbp-expert__icons {
          width: 100%;
          justify-content: flex-start;
          margin-left: 0;
          margin-top: 6px;
      }

      .mbp-expert__text {
          font-size: 16px;
      }
  }

  .mbp-offer {
      padding: 0 16px;
  }

  .mbp-offer__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .mbp-offer__card {
      display: flex;
      position: relative;
      align-items: stretch;
      gap: 32px;
      margin: 20px 0;
      padding: 24px 28px;
      background: #060d20;
      border-radius: 18px;
      border: 1px solid rgba(255, 255, 255, 0.06);
  }

  @property --angle {
      syntax: "<angle>";
      initial-value: 0deg;
      inherits: false;
  }

  /* .mbp-offer__card::after {
  
content: '';
position: absolute;
width: 103%;
height: 103%;
background-image:conic-gradient (from var(--angle), transparent 60%, rgb(231, 19, 150)) ;
top: 50%;
left: 50%;
translate: -50% -50%;
border-radius: 10px;
z-index: -1;
animation: spin 3s linear infinite;
}
@keyframes spin {
    0%{
        --angle: 0deg;
    }
      0%{
        --angle: 360deg;
    }
} */
  /* left logo block */

  .mbp-offer__logo-box {
      flex: 0 0 310px;
      border-radius: 14px;
      background: #ff8a32;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .mbp-offer__logo {
      display: block;
      max-width: 70%;
  }

  /* center text block */

  .mbp-offer__content {
      flex: 1 1 auto;
      display: flex;
      justify-content: center;
      gap: 16px;
  }

  .mbp-offer__row {
      display: flex;
      flex-direction: column;
      gap: 6px;
  }

  .mbp-offer__label-line {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 200;
      color: #dbe4ff;
  }

  .mbp-offer__label-line i {
      font-size: 16px;
      opacity: 0.85;
  }

  .mbp-offer__label-tag {
      padding: 2px 8px;
      background: #ffff00;
      color: #000000;
      font-size: 14px;
      font-weight: 600;
  }

  .mbp-offer__title {
      margin: 0;
      text-align: center;
      font-size: 21px;
      line-height: 1.4;
      font-weight: 700;
  }

  /* right actions */

  .mbp-offer__actions {
      flex: 0 0 260px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 14px;
  }

  .mbp-offer__btn {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 22px;
      width: 100%;
      border-radius: 999px;
      border: none;
      outline: none;
      cursor: pointer;
      font-size: 18px;
      font-weight: 500;
      text-decoration: none;
      white-space: nowrap;
  }

  /* glowing purple outline around the button */
  .mbp-offer__btn--primary {
      background: linear-gradient(90deg, #6c5cff, #b14cff);
      color: #ffffff;
      z-index: 0;
      overflow: hidden;
  }

  .mbp-offer__btn--primary::before {
      content: "";
      position: absolute;
      inset: -3px;
      border-radius: inherit;
      background: conic-gradient(#b96bff,
              #ff8fff,
              #ffe1ff,
              #b96bff);
      mask: radial-gradient(farthest-side,
              transparent calc(100% - 4px),
              #000 calc(100% - 1px));
      opacity: 0.9;
      z-index: -1;
      animation: mbp-offer-glow 6s linear infinite;
  }

  .mbp-offer__btn--primary:nth-child(2)::before {
      animation-duration: 8s;
      animation-direction: reverse;
  }

  @keyframes mbp-offer-glow {
      0% {
          transform: rotate(0deg);
      }

      100% {
          transform: rotate(360deg);
      }
  }

  .mbp-offer__btn--secondary {
      background: #151c2c;
      color: #e4e8ff;
  }

  .mbp-offer__btn-icon {
      margin-right: 8px;
      font-size: 16px;
  }

  .mbp-offer__btn-arrow {
      margin-left: 8px;
      font-size: 14px;
  }

  /* adaptive */

  @media (max-width: 1024px) {
      .mbp-offer__card {
          gap: 20px;
          padding: 20px 18px;
      }

      .mbp-offer__logo-box {
          flex-basis: 180px;
      }

      .mbp-offer__actions {
          flex-basis: 220px;
      }

      .mbp-offer__title {
          font-size: 18px;
      }
  }

  @media (max-width: 768px) {
      body {
          font-size: 16px;
      }

      .mbp-offer__card {
          flex-direction: column;
          align-items: stretch;
      }

      .mbp-offer__logo-box {
          flex: 0 0 auto;
          height: 120px;
      }

      .mbp-offer__actions {
          flex: 0 0 auto;
      }

      .mbp-offer__btn {
          font-size: 16px;
      }
  }

  /* вторая "волна" можно чуть медленнее, если хочешь, через :after */
  .mbp-why {
      padding: 60px 16px 60px;
  }

  .mbp-why__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .mbp-why__title {
      margin: 0 0 18px;
      font-size: 25px;
      line-height: 1.3;
      color: #ffcc33;
      font-weight: 700;
  }

  .mbp-why__text {
      margin: 0 0 18px;
      line-height: 1.7;
      font-weight: 200;
      font-size: 17px;
      color: #e4e7ff;
  }

  .mbp-why__text strong {
      font-weight: 700;
  }

  /* ========= MAIN LIST BOX ========= */

  .mbp-check-box-wrap {
      margin-top: 18px;
      margin-bottom: 40px;
      position: relative;
  }



  .mbp-check-box {
      position: relative;
      z-index: 1;
      background: #282d3a;
      border-radius: 12px;
      border-left: 3px solid #ffcc33;
      padding: 22px 26px 22px;
  }

  .mbp-check-box__title {
      margin: 0 0 14px;
      font-size: 20px;
      color: #ffcc33;
      font-weight: 700;
  }

  .mbp-check-box__list {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .mbp-check-box__item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 17px;
      font-weight: 200;
      padding: 6px 0;
      color: #f1f3ff;
  }

  .mbp-check-box__icon {
      margin-top: 2px;
      font-size: 16px;
      color: #ffdd55;
      flex-shrink: 0;
  }

  .mbp-check-box__text strong {
      font-weight: 700;
  }

  /* нижний блок про безопасность */

  .mbp-why__title-sub {
      margin: 0 0 14px;
      font-size: 26px;
      line-height: 1.3;
      color: #ffcc33;
      font-weight: 700;
  }

  .mbp-why__note {
      margin-top: 10px;
      font-weight: 600;
      color: #ffdd66;
  }

  @media (max-width: 768px) {
      .mbp-why {
          padding: 40px 16px 40px;
      }

      .mbp-why__title {
          font-size: 24px;
      }

      .mbp-why__title-sub {
          font-size: 22px;
      }

      .mbp-check-box {
          padding: 18px 18px 18px;
      }

      .mbp-check-box__title {
          font-size: 18px;
      }

      body {
          font-size: 16px;
      }
  }

  .bn-bonus {
      padding: 60px 16px;
  }

  .bn-bonus__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .bn-bonus__title {
      margin: 0 0 18px;
      font-size: 36px;
      line-height: 1.25;
      font-weight: 700;
  }

  .bn-bonus__text {
      margin: 0 0 16px;
      line-height: 1.7;
      font-size: 17px;
      font-weight: 200;
      color: #e3e7ff;
  }

  .bn-bonus__text strong {
      font-weight: 700;
  }

  .bn-bonus__subtitle {
      margin: 40px 0 16px;
      font-size: 24px;
      font-weight: 700;
      color: #ffdd55;
  }

  /* ====== TYPES CARD ====== */

  .bn-bonus-types-wrap {
      margin: 28px 0 32px;
  }

  .bn-bonus-types {
      background: #fff;
      color: #020516;
      border-radius: 12px;
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-top: 4px solid #e64545;
      padding: 18px 24px 22px;
  }

  .bn-bonus-types__header {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
      padding: 6px 0px;
      border-radius: 8px;
      font-size: 21px;
      color: #cc1d11;
      font-weight: 600;
  }

  .bn-bonus-types__header-icon {
      font-size: 21px;
      color: #e07a1e;
  }

  .bn-bonus-types__header-text {
      font-size: 21px;
  }

  .bn-bonus-types__cols {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 32px;
  }

  .bn-bonus-types__col-title {
      margin: 0 0 10px;
      font-size: 19px;
      font-weight: 600;
  }

  .bn-bonus-types__list {
      margin: 0;
      padding-left: 18px;
      font-size: 15px;
      font-weight: 300;
      line-height: 1.7;
  }

  .bn-bonus-types__list li+li {
      margin-top: 4px;
  }

  /* ====== WARNING BOX ====== */

  .bn-bonus-warning {
      margin: 30px 0 16px;
      background: #fff9e0;
      border-radius: 10px;
      border-left: 4px solid #ffbf3b;
      padding: 14px 18px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      color: #2a2207;
  }

  .bn-bonus-warning__icon {
      font-size: 20px;
      color: #ffbf3b;
      margin-top: 2px;
  }

  .bn-bonus-warning__text {
      margin: 0;
      line-height: 1.7;
      color: oklch(42.1% 0.095 57.708);
      font-size: 15px;
      font-weight: 200;
  }

  .bn-bonus__note {
      margin: 0;
      margin-top: 12px;
      font-weight: 600;
      color: #ffdd66;
  }

  /* ====== ADAPTIVE ====== */

  @media (max-width: 992px) {
      .bn-bonus__title {
          font-size: 28px;
      }

      .bn-bonus-types__cols {
          gap: 24px;
      }
  }

  @media (max-width: 768px) {
      body {
          font-size: 16px;
      }

      .bn-bonus {
          padding: 40px 16px 48px;
      }

      .bn-bonus__title {
          font-size: 24px;
      }

      .bn-bonus__subtitle {
          font-size: 20px;
      }

      .bn-bonus-types {
          padding: 16px 16px 18px;
      }

      .bn-bonus-types__cols {
          grid-template-columns: 1fr;
          gap: 18px;
      }

      .bn-bonus-types__col-title {
          font-size: 18px;
      }

      .bn-bonus-warning {
          flex-direction: row;
      }
  }

  .bn-bonus-warning__header {
      display: flex;
      color: oklch(47.6% 0.114 61.907);
      gap: 10px;
      font-size: 19px;
      align-items: center;
  }

  .bn-bonus-warning__header h3 {
      margin: 0;
  }

  .mbc-wrap {
      padding: 60px 16px 70px;
  }

  .mbc-wrap__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .mbc-head__title {
      margin: 0 0 18px;
      font-size: 32px;
      line-height: 1.25;
      font-weight: 700;
  }

  .mbc-head__text {
      margin: 0 0 16px;
      line-height: 1.7;
      font-weight: 200;
      font-size: 17px;
      color: #e3e7ff;
  }

  .mbc-head__text strong {
      font-weight: 700;
  }

  .mbc-section-title {
      margin: 32px 0 12px;
      font-size: 24px;
      font-weight: 700;
      color: oklch(86.5% 0.127 207.078);
  }

  .mbc-paragraph {
      margin: 0 0 14px;
      line-height: 1.7;
      color: #e3e7ff;
  }

  .mbc-paragraph strong {
      font-weight: 700;
  }

  /* rating box */

  .mbc-rating-box {
      margin-top: 18px;
      background: #272c37;
      border-radius: 12px;
      padding: 18px 22px 18px;
  }

  .mbc-rating-box__row {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 6px 0;
      color: #f4f6ff;
  }

  .mbc-rating-box__row+.mbc-rating-box__row {
      border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .mbc-rating-box__label {
      flex: 0 0 230px;
      font-weight: 600;
  }

  .mbc-rating-box__value {
      flex: 1 1 auto;
  }

  /* category cards */

  .mbc-categories {
      margin: 30px 0 28px;
  }

  .mbc-categories__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
  }

  .mbc-categories__card {
      background: #111826;
      border-radius: 10px;
      padding: 16px 16px 16px;

  }

  .mbc-categories__card:nth-child(2) {
      border-top-color: #ff4c5c;
  }

  .mbc-categories__card:nth-child(3) {
      border-top-color: #30d4ff;
  }

  .mbc-categories__head {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
  }

  .mbc-categories__icon {
      width: 32px;
      display: flex;
      height: 32px;
      border-radius: 50%;

      align-items: center;
      justify-content: center;
      font-size: 16px;
  }

  .mbc-categories__title {
      font-size: 18px;
      font-weight: 600;
  }

  .mbc-categories__list {
      margin: 0;
      padding-left: 18px;
      font-size: 18px;
      line-height: 1.7;
      color: #dde3ff;
  }

  .mbc-categories__list li {
      font-size: 15px;
      font-weight: 200;
  }

  .mbc-categories__list li+li {
      margin-top: 4px;
  }

  /* warning box */

  .mbc-warning {
      margin: 30px 0 20px;
      background: #3b1515;
      border-radius: 1px;
      border-left: 4px solid #ff6b6b;
      padding: 14px 18px;
      flex-direction: column;
      display: flex;
      align-items: flex-start;
      gap: 12px;
  }

  .mbc-warning__icon {
      font-size: 20px;
      color: #ffb341;
      margin-top: 2px;
  }

  .mbc-warning__text {
      margin: 0;
      line-height: 1.7;
      font-weight: 200;
      font-size: 18px;
      color: #ffe3e3;
  }

  /* bottom banner */

  .mbc-bottom-banner {
      margin-top: 31px;
      /* background: #021a23; */
      /* border-radius: 999px; */
      padding: 10px 18px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      display: flex;
      width: 100%;
      text-align: center;
      font-size: 21px;
      color: #8ae9ff;
      justify-content: center;
  }

  .mbc-bottom-banner__icon {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: rgba(138, 233, 255, 0.12);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
  }

  .mbc-bottom-banner__text {
      margin: 0;
  }

  /* footer note */

  .mbc-footer-text {
      margin-top: 18px;
      font-size: 17px;
      font-weight: 200;
      text-align: center;
      line-height: 1.6;
      color: #d0d6ff;
  }

  /* adaptive */

  @media (max-width: 992px) {
      .mbc-head__title {
          font-size: 28px;
      }

      .mbc-rating-box__row {
          flex-direction: column;
      }

      .mbc-rating-box__label {
          flex-basis: auto;
      }
  }

  @media (max-width: 768px) {
      body {
          font-size: 16px;
      }

      .mbc-wrap {
          padding: 40px 16px 50px;
      }

      .mbc-head__title {
          font-size: 24px;
      }

      .mbc-section-title {
          font-size: 20px;
      }

      .mbc-categories__grid {
          grid-template-columns: 1fr;
      }

      .mbc-bottom-banner {
          border-radius: 14px;
          flex-wrap: wrap;
      }
  }

  .mbc-warning__header {
      display: flex;
      align-items: center;
      font-size: 21px;
      color: oklch(88.5% 0.062 18.334);
      vertical-align: middle;
  }

  p.mbc-warning__subtext {
      color: oklch(88.5% 0.062 18.334);
      font-size: 15px;
      font-weight: 200;
  }

  .rev-featured {
      padding: 40px 16px 48px;
  }

  .rev-featured__inner {
      max-width: 1180px;
      margin: 0 auto;
      background: #f7f8fb;
      border-radius: 8px;
      padding: 26px 28px 30px;
  }

  .rev-featured__head {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 22px;
  }

  .rev-featured__icon {
      /* width: 34px; */
      /* height: 34px; */
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      /* background: linear-gradient(135deg, #ffcc4d, #ff6b6b); */
      color: #ffffff;
      font-size: 21px;
  }

  .rev-featured__title {
      margin: 0;
      font-size: 24px;
      line-height: 1.3;
      font-weight: 700;
      color: #111827;
  }

  /* cards */

  .rev-featured__grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
  }

  .rev-card {
      background: #ffffff;
      border-radius: 10px;
      padding: 16px 18px 18px;
      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .rev-card__title {
      margin: 0 0 10px;
      font-size: 18px;
      font-weight: 500;
  }

  .rev-card__text {
      margin: 0;
      text-decoration: none;
      font-size: 15px;
      font-weight: 200;
      line-height: 1.5;
      color: #4b5563;
  }

  .rev-card__title--playuzu {
      color: #7c3aed;
  }

  .rev-card__title--inkabet {
      color: #2563eb;
  }

  .rev-card__title--betsafe {
      color: #16a34a;
  }

  .rev-card__title--betcris {
      color: #ea8a1a;
  }

  .rev-card__arrow {
      margin-left: 4px;
  }

  /* adaptive */

  @media (max-width: 1024px) {
      .rev-featured__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  }

  @media (max-width: 640px) {
      body {
          font-size: 16px;
      }

      .rev-featured__inner {
          padding: 22px 18px 24px;
      }

      .rev-featured__title {
          font-size: 20px;
      }

      .rev-featured__grid {
          grid-template-columns: 1fr;
      }

      .rev-card {
          padding: 14px 16px 16px;
      }

      .rev-card__text {
          font-size: 15px;
      }
  }

  .mbf-footer {
      padding: 40px 16px 32px;
      background: #02051a;
  }

  .mbf-footer__inner {
      max-width: 1180px;
      margin: 0 auto;
  }

  .mbf-footer__top {
      display: grid;
      grid-template-columns: minmax(0, 2.3fr) minmax(0, 1.2fr) minmax(0, 1fr);
      gap: 40px;
      align-items: flex-start;
  }

  /* left block */

  .mbf-footer__brand {
      display: flex;
      gap: 20px;
      flex-direction: column;
  }

  .mbf-footer__logo-wrap {
      /* flex: 0 0 64px; */
      width: 64px;
      height: 64px;
      /* border-radius: 50%; */
      /* background: radial-gradient(circle at 30% 30%, #ff3cff, #7c3aed); */
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .mbf-footer__logo-wrap i {
      font-size: 30px;
      color: #02051a;
  }

  footer .nv-main-header__logo img {
      height: 60px;
  }

  .mbf-footer__text-group {
      flex: 1 1 auto;
  }

  .mbf-footer__text {
      margin: 0 0 10px;
      line-height: 1.7;
      color: #e4e8ff;
  }

  /* columns on the right */

  .mbf-footer__column-title {
      margin: 0 0 10px;
      font-size: 18px;
      font-weight: 700;
  }

  .mbf-footer__list {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .mbf-footer__list-item {
      margin-bottom: 6px;
      color: #d4dbff;
  }

  /* bottom line */

  .mbf-footer__bottom {
      margin-top: 32px;
      text-align: center;
  }

  .mbf-footer__age {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
  }

  .mbf-footer__age-icon {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 3px solid #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      margin-bottom: 4px;
  }

  .mbf-footer__age-text-main {
      margin: 0;
      color: #e4e8ff;
  }

  .mbf-footer__age-text-sub {
      margin: 0;
      color: #aeb7ff;
  }

  /* adaptive */

  @media (max-width: 1024px) {
      .mbf-footer__top {
          grid-template-columns: minmax(0, 2fr) minmax(0, 1.1fr);
          row-gap: 30px;
      }
  }

  @media (max-width: 768px) {
      body {
          font-size: 16px;
      }

      .mbf-footer {
          padding: 28px 16px 24px;
      }

      .mbf-footer__top {
          grid-template-columns: 1fr;
      }

      .mbf-footer__brand {
          flex-direction: row;
      }

      .mbf-footer__bottom {
          margin-top: 24px;
      }
  }

  .mb-rate-strip {
      padding: 20px 16px 10px;
  }

  .mb-rate-strip__inner {
      max-width: 1180px;
      margin: 0 0 20px 0;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
  }

  .mb-rate-strip__text {
      font-size: 17px;
      font-weight: 200;
      color: #e5ebff;
  }

  .mb-rate-strip__text strong {
      font-weight: 700;
  }

  .mb-rate-strip__pill {
      padding: 6px 20px;
      border-radius: 999px;
      background: #00c853;
      color: #ffffff;
      font-weight: 600;
      white-space: nowrap;
  }

  @media (max-width: 768px) {
      body {
          font-size: 16px;
      }

      .mb-rate-strip {
          padding: 16px 16px 8px;
      }

      .mb-rate-strip__inner {
          gap: 10px;
      }

      .mb-rate-strip__pill {
          font-size: 16px;
      }
  }

  .mb-offer-section {
      padding: 32px 16px 40px;
  }

  .mb-offer-section__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .mb-offer-card {
      position: relative;
      background: oklch(0.208 0.042 265.755);
      border-radius: 16px;
      padding: 30px 32px;
      display: flex;
      align-items: stretch;
      gap: 26px;

      overflow: hidden;
  }

  /* тонкая фиолетовая линия снизу */

  /* ЛОГО */

  .mb-offer-card__logo-wrap {
      flex: 0 0 260px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .mb-offer-card__logo-box {
      width: 100%;
      max-width: 300px;
      height: 167px;
      border-radius: 14px;
      background: #ff8e32;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .mb-offer-card__logo-text {
      font-size: 32px;
      font-weight: 600;
      color: #ffffff;
  }

  /* ЦЕНТРАЛЬНАЯ ЧАСТЬ */

  .mb-offer-card__middle {
      flex: 1 1 auto;
      display: flex;

      justify-content: center;
      gap: 28px;
  }

  .mb-offer-card__badge-row {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 16px;
      color: #dbe4ff;
  }

  .mb-offer-card__badge-row i {
      font-size: 16px;
  }

  .mb-offer-card__exclusive {
      padding: 2px 8px;
      background: #ffff00;
      color: #000000;
      font-size: 14px;
      font-weight: 600;
  }

  .mb-offer-card__title {
      margin: 0;
      text-align: center;
      font-size: 22px;
      line-height: 1.4;
      font-weight: 700;
  }

  .mb-offer-card__right-middle {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
  }

  .mb-offer-card__ventajas-title {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 0.06em;
      color: oklch(92.9% 0.013 255.508);
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .mb-offer-card__ventajas-title i {
      font-size: 14px;
  }

  .mb-offer-card__list {
      margin: 4px 0 0;
      padding-left: 0;
      list-style: none;
      font-size: 16px;
      line-height: 1.5;
      color: #dfe5ff;
  }

  .mb-offer-card__list li {
      margin-bottom: 2px;
      text-align: center;
      font-size: 13px;
      color: oklch(55.4% 0.046 257.417);
  }

  .mb-offer-card__list i {
      margin-right: 6px;
      font-size: 10px;
      color: oklch(55.4% 0.046 257.417);
  }

  /* ПРАВАЯ ЧАСТЬ */

  .mb-offer-card__side {
      flex: 0 0 236px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
  }

  .mb-offer-card__btn-main {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 24px;
      border-radius: 999px;
      border: none;
      height: 66px;
      outline: none;
      cursor: pointer;
      background: linear-gradient(90deg, #7b5cff, #c77dff);
      color: #ffffff;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      white-space: nowrap;
  }

  .mb-offer-card__btn-main i {
      margin-right: 8px;
      font-size: 16px;
  }

  .mb-offer-card__btn-review {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 22px;
      border-radius: 999px;
      border: none;
      outline: none;
      cursor: pointer;
      background: #151c2c;
      color: #e5e9ff;
      font-size: 18px;
      text-decoration: none;
      white-space: nowrap;
  }

  .mb-offer-card__btn-review span {
      margin-right: 6px;
  }

  .mb-offer-card__btn-review i {
      font-size: 14px;
  }

  .mb-offer-card__payments {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 6px;
  }

  .mb-offer-card__pay-icon {
      width: 38px;
      height: 26px;
      border-radius: 4px;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #1f2933;
  }

  .mb-offer-card__pay-icon--purple {
      background: #6c5cff;
      color: #ffffff;
  }

  .mb-offer-card__pay-icon--teal {
      background: #00c9a7;
      color: #ffffff;
  }

  /* ADAPTIVE */

  @media (max-width: 1120px) {
      .mb-offer-card {
          padding: 18px;
          gap: 18px;
      }

      .mb-offer-card__logo-wrap {
          flex-basis: 220px;
      }

      .mb-offer-card__logo-box {
          height: 140px;
      }
  }

  @media (max-width: 880px) {
      .mb-offer-card {
          flex-direction: column;
          align-items: stretch;
      }

      .mb-offer-card__logo-wrap {
          flex: 0 0 auto;
      }

      .mb-offer-card__side {
          flex: 0 0 auto;
          align-items: flex-start;
      }

      .mb-offer-card__payments {
          flex-wrap: wrap;
      }

      .mb-offer-card__btn-main,
      .mb-offer-card__btn-review {
          width: 100%;
          justify-content: center;
      }
  }

  @media (max-width: 600px) {
      body {
          font-size: 16px;
      }

      .mb-offer-card__title {
          font-size: 20px;
      }

      .mb-offer-card__badge-row {
          font-size: 15px;
      }

      .mb-offer-card__btn-main,
      .mb-offer-card__btn-review {
          font-size: 16px;
      }
  }

  .cp-main-hero {
      padding: 48px 16px 60px;
  }

  .cp-main-hero__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .cp-main-hero__title {
      margin: 0 0 16px;
      font-size: 40px;
      line-height: 1.25;
      font-weight: 700;
      text-align: center;
  }

  .cp-main-hero__subtitle {
      margin: 40px 0 40px 0;
      /* max-width: 900px; */
      margin-left: auto;
      margin-right: auto;
      line-height: 1.7;
      font-size: 21px;
      font-weight: 200;
      font-wi: 200;
      text-align: start;
      color: #e4e8ff;
  }

  .cp-main-hero__subtitle strong {
      font-weight: 700;
  }

  /* PROMO CARD ---------------------- */

  .cp-main-hero__promo {
      margin-bottom: 32px;
  }

  .cp-promo-card {
      position: relative;
      padding: 26px 28px;
      border-radius: 18px;
      background: linear-gradient(90deg, #ffb600, #ff7f24);
      overflow: hidden;
  }

  .cp-promo-card::before {
      content: "";
      position: absolute;
      right: -120px;
      top: -80px;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.15);
  }

  .cp-promo-card::after {
      content: "";
      position: absolute;
      left: -160px;
      bottom: -140px;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.07);
  }

  .cp-promo-card__content {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      /* align-items: center; */
      justify-content: space-between;
      gap: 24px;
      flex-direction: column;
  }

  .cp-promo-card__left {}

  .cp-promo-card__badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 16px;
      font-weight: 600;
      color: #5b2e00;
      margin-bottom: 10px;
  }

  .cp-promo-card__badge-icon {

      display: flex;
      align-items: center;
      justify-content: center;
  }

  .cp-promo-card__badge-icon i {
      font-size: 14px;
  }

  .cp-promo-card__badge-text {
      text-transform: uppercase;
  }

  .cp-promo-card__title {
      margin: 0 0 22px;
      font-size: 32px;
      font-weight: 700;
      color: #151515;
  }

  .cp-promo-card__text {
      margin: 0;
      line-height: 1.6;
      color: #1c1304;
  }

  .cp-promo-card__actions {
      display: flex;

      gap: 12px;
  }

  .cp-promo-card__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 24px;
      border-radius: 999px;
      border: none;
      outline: none;
      cursor: pointer;
      text-decoration: none;
      font-size: 18px;
      font-weight: 600;
      white-space: nowrap;
  }

  .cp-promo-card__btn--primary {
      background: #000000;
      color: #ffffff;
  }

  .cp-promo-card__btn--secondary {
      background: #ffffff;
      color: #1f2933;
  }

  .cp-promo-card__btn span {
      margin-right: 8px;
  }

  .cp-promo-card__btn i {
      font-size: 14px;
  }

  /* QUICK NAV ---------------------- */

  .cp-main-hero__nav {
      margin-top: 8px;
  }

  .cp-nav-box {
      background: #07101f;
      border-radius: 14px;
      padding: 18px 22px 22px;
  }

  .cp-nav-box__header {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
      color: #e8ecff;
  }

  .cp-nav-box__icon {
      width: 26px;
      height: 26px;
      border-radius: 8px;
      /* background: #ffcc4d; */
      display: flex;
      align-items: center;
      justify-content: center;
      color: #e3e5e9;
      font-size: 14px;
  }

  .cp-nav-box__title {
      margin: 0;
      font-size: 18px;
      font-weight: 600;
  }

  .cp-nav-box__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6px 40px;
  }

  .cp-nav-box__link {
      font-size: 15px;
      color: oklch(0.702 0.183 293.541);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
  }

  .cp-nav-box__link i {
      font-size: 10px;
  }

  .cp-nav-box__link:hover {
      text-decoration: underline;
  }

  /* ADAPTIVE ---------------------- */

  @media (max-width: 992px) {
      .cp-main-hero__title {
          font-size: 32px;
      }

      .cp-promo-card__content {
          align-items: flex-start;
      }
  }

  @media (max-width: 768px) {
      body {
          font-size: 16px;
      }

      .cp-main-hero {
          padding: 32px 16px 40px;
      }

      .cp-main-hero__title {
          font-size: 26px;
      }

      .cp-promo-card {
          padding: 20px 18px;
      }

      .cp-promo-card__content {
          flex-direction: column;
          gap: 18px;
      }

      .cp-promo-card__actions {
          width: 100%;
      }

      .cp-promo-card__btn {
          width: 100%;
          justify-content: center;
      }

      .cp-nav-box__grid {
          grid-template-columns: 1fr;
          gap: 4px 0;
      }
  }

  .cp-intro {
      padding: 48px 16px 56px;
  }

  .cp-intro__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .cp-intro__text {
      font-size: 17px;
      font-weight: 200;
      margin: 0 0 16px;
      line-height: 1.8;
      color: #e3e7ff;
  }

  .cp-intro__text strong {
      font-weight: 700;
  }

  /* feature cards */

  .cp-intro__features {
      margin-top: 26px;
  }

  .cp-intro-cards {
      margin-top: 40px;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
  }

  .cp-intro-card {
      background: #091322;
      border-radius: 14px;
      padding: 18px 20px 20px;
      border: 1px solid rgba(255, 255, 255, 0.06);
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-height: 120px;
  }

  .cp-intro-card__icon {
      width: 32px;
      height: 32px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.04);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 4px;
      font-size: 16px;
      color: #ffcc4d;
  }

  .cp-intro-card__title {
      margin: 0;
      font-size: 18px;
      font-weight: 700;
      color: #f9fbff;
  }

  .cp-intro-card__text {
      margin: 0;
      font-weight: 200;
      font-size: 15px;
      line-height: 1.6;
      color: #c4c9ff;
  }

  .cp-intro-card--yellow .cp-intro-card__icon {
      color: #ffcf4a;
  }

  .cp-intro-card--green .cp-intro-card__icon {
      color: #4ade80;
  }

  .cp-intro-card--blue .cp-intro-card__icon {
      color: #38bdf8;
  }

  .cp-intro-card--orange .cp-intro-card__icon {
      color: #fb923c;
  }

  /* adaptive */

  @media (max-width: 992px) {
      .cp-intro-cards {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  }

  @media (max-width: 600px) {
      body {
          font-size: 16px;
      }

      .cp-intro {
          padding: 32px 16px 40px;
      }

      .cp-intro-cards {
          grid-template-columns: 1fr;
      }

      .cp-intro-card__title {
          font-size: 17px;
      }

      .cp-intro-card__text {
          font-size: 15px;
      }
  }

  .mbt-section {
      padding: 48px 16px 60px;
  }

  .mbt-section__inner {
      max-width: 1315px;
      margin: 0 auto;
  }

  .mbt-section__title {
      margin: 0 0 54px;
      font-size: 32px;
      line-height: 1.3;
      font-weight: 700;
  }

  /* table wrapper */

  .mbt-table {
      margin-top: 6px;
      background: #070f20;
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.08);
  }

  .mbt-table__header,
  .mbt-table__row {
      display: grid;
      grid-template-columns: 2.2fr 1.3fr 2fr 1.2fr 1.6fr 1.4fr;
      align-items: center;
  }

  .mbt-table__header {
      background: #131d32;
      padding: 14px 22px;
      font-size: 16px;
      font-weight: 600;
      color: #cfd6ff;
  }

  .mbt-table__header-cell {
      padding-right: 10px;
  }

  .mbt-table__row {
      padding: 18px 22px;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .mbt-table__row:nth-child(odd) {
      background: #070f20;
  }

  .mbt-table__row:nth-child(even) {
      background: #050b18;
  }

  /* casino cell */

  .mbt-casino-cell {
      display: flex;
      flex-direction: column;
      gap: 4px;
  }

  .mbt-casino-cell__name {
      font-weight: 600;
  }

  .mbt-casino-cell__tagline {
      font-size: 16px;
      color: #b5bfec;
  }

  /* rating cell */

  .mbt-rating-cell {
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .mbt-rating-cell__stars {
      color: #ffc93b;
      font-size: 14px;
  }

  .mbt-rating-cell__value {
      font-weight: 600;
      color: #e7ecff;
  }

  /* bonus cell */

  .mbt-bonus-cell {
      display: flex;
      flex-direction: column;
      gap: 4px;
  }

  .mbt-bonus-cell__main {
      font-weight: 600;
  }

  .mbt-bonus-cell__sub {
      font-size: 14px;
      font-weight: 200;
      color: #c6cffc;
  }

  /* games cell */

  .mbt-games-cell {
      font-weight: 600;
      color: #e7ecff;
  }

  /* destacado pill */

  .mbt-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 14px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 200;
      color: #ffffff;
      white-space: nowrap;
  }

  .mbt-pill--violet {
      background: #4b3fff40;
  }

  .mbt-pill--green {
      background: #148f4b;
  }

  .mbt-pill--blue {
      background: #215cff;
  }

  .mbt-pill--purple {
      background: #6a1bb0;
  }

  .mbt-pill--orange {
      background: #8b3b11;
  }

  .mbt-pill--teal {
      background: #007d8a;
  }

  /* action button */

  .mbt-action-cell {
      display: flex;
      justify-content: flex-start;
  }

  .mbt-action-btn {
      padding: 22px 22px;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      background: #ffca1c;
      color: #1a1300;
      font-weight: 500;
      font-size: 14px;
      white-space: nowrap;
  }

  /* responsive */

  @media (max-width: 1000px) {
      .mbt-table__header {
          display: none;
      }

      .mbt-table__row {
          display: block;
          padding: 16px 16px 18px;
      }

      .mbt-row-card {
          display: grid;
          grid-template-columns: 1.8fr 1.2fr;
          gap: 12px 16px;
          align-items: center;
      }

      .mbt-row-card__block {
          margin-bottom: 4px;
      }

      .mbt-row-card__label {
          display: block;
          font-size: 14px;
          color: #9aa4d9;
          margin-bottom: 2px;
      }

      .mbt-action-cell {
          justify-content: flex-end;
      }
  }

  @media (max-width: 640px) {
      body {
          font-size: 16px;
      }

      .mbt-section {
          padding: 32px 16px 44px;
      }

      .mbt-section__title {
          font-size: 24px;
      }

      .mbt-row-card {
          grid-template-columns: 1fr;
      }

      .mbt-action-cell {
          justify-content: flex-start;
      }

      .mbt-action-btn {
          width: 100%;
          text-align: center;
      }
  }

  .mbt-row-card__block {
      display: flex;
  }

  .mbt-action-cell a {
      text-decoration: none;
  }

  .pblx-wrap {
      padding: 40px 16px 70px;
      max-width: 1315px;
      margin: 0 auto;
      color: #dbe4ff;

      font-size: 18px;
  }

  .pblx-top {
      border-radius: 0;
      border-left: 4px solid oklch(62.3% 0.214 259.815);
      background-color:
          color-mix(in oklab, oklch(28.2% 0.091 267.935) 30%, transparent);
      border-radius: 2px;
      padding: 20px 26px;
      margin-bottom: 40px;
  }

  .pblx-top__title {
      font-weight: 700;
      font-size: 17px;
      margin-bottom: 10px;
      color: #ffffff;
  }

  .pblx-title {
      font-size: 32px;
      font-weight: 700;
      color: #ffffff;
      margin-bottom: 18px;
  }

  .pblx-sub {
      margin-bottom: 32px;
  }

  .pblx-card {
      background: #0c1124;
      border-radius: 14px;
      padding: 28px;
      margin-bottom: 50px;
      border: 1px solid rgba(255, 255, 255, 0.08);
  }

  .pblx-card__header {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 16px;
  }

  .pblx-card__name {
      margin: 0;
      font-size: 24px;
      font-weight: 700;
      color: #ffffff;
  }

  .pblx-card__number {
      font-weight: 700;
      color: #ffca1c;
      margin-right: 6px;
      font-size: 22px;
  }

  .pblx-card__rating {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 8px;
  }

  .pblx-card__stars {
      color: #ffca39;
      font-size: 16px;
  }

  .pblx-card__rating-num {
      font-weight: 600;
  }

  .pblx-pill {
      background: #15a86b;
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 600;
  }

  .pblx-btn {
      background: #ffca1c;
      padding: 12px 22px;
      font-weight: 700;
      border-radius: 10px;
      color: #1a1300;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
  }

  .pblx-grid {
      display: flex;
      gap: 40px;
      margin-top: 22px;
      flex-wrap: wrap;
  }

  .pblx-grid__title {
      font-weight: 700;
      margin-bottom: 10px;
      color: #ffffff;
  }

  .pblx-grid__title.warn {
      color: #e0b020;
  }

  .pblx-list {
      margin: 0;
      padding-left: 20px;
  }

  .pblx-list li {
      font-size: 15px;
      font-weight: 200;
      margin-bottom: 8px;
  }

  .pblx-bottom {
      background: #0b142c;
      margin-top: 26px;
      padding: 18px;
      border-radius: 10px;
  }

  .pblx-bottom__title {
      font-weight: 700;
      margin-bottom: 6px;
      color: #ffffff;
  }

  /* MOBILE */
  @media(max-width: 768px) {
      .pblx-card__name {
          font-size: 20px;
      }

      .pblx-grid {
          flex-direction: column;
      }

      .pblx-btn {
          width: 100%;
          justify-content: center;
      }

      .pblx-title {
          font-size: 26px;
      }
  }

  p.pblx-top__text {
      font-size: 15px;
      font-weight: 200;
  }

  .blk-cslot {
      max-width: 1315px;
      margin: 0 auto;
      padding: 40px 16px 70px;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #f5f6ff;
  }

  /* HERO */

  .blk-cslot__hero {
      background: #8b3dff;
      border-radius: 18px;
      padding: 56px 16px;
      margin-bottom: 48px;
  }

  .blk-cslot__hero-inner {
      max-width: 760px;
      margin: 0 auto;
      text-align: center;
  }

  .blk-cslot__hero-title {
      margin: 0 0 14px;
      font-size: 28px;
      font-weight: 700;
      color: #ffffff;
  }

  .blk-cslot__hero-text {
      margin: 0 0 26px;
      line-height: 1.7;
      color: #f7e9ff;
  }

  .blk-cslot__hero-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 12px 26px;
      border-radius: 999px;
      background: #ffca1c;
      color: #14110a;
      font-weight: 700;
      font-size: 18px;
      text-decoration: none;
  }

  /* CONTENT */

  .blk-cslot__content {
      margin-top: 12px;
  }

  .blk-cslot__intro-title {
      margin: 0 0 18px;
      font-size: 30px;
      font-weight: 700;
      color: #ffffff;
  }

  .blk-cslot__intro-text {
      margin: 0 0 30px;
      line-height: 1.8;
      color: #e0e6ff;
  }

  /* BOX */

  .blk-cslot__box {
      margin-top: 10px;
      padding: 24px 26px;
      border-radius: 14px;
      border: 1px solid rgba(228, 210, 255, 0.3);
      background: #091325;
  }

  .blk-cslot__box-title {
      margin: 0 0 12px;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .blk-cslot__box-text {
      margin: 0;
      line-height: 1.8;
      color: #d3ddff;
  }

  /* ADAPTIVE */

  @media (max-width: 768px) {
      .blk-cslot {
          padding: 32px 16px 50px;
          font-size: 16px;
      }

      .blk-cslot__hero {
          padding: 40px 16px;
          margin-bottom: 32px;
      }

      .blk-cslot__hero-title {
          font-size: 22px;
      }

      .blk-cslot__intro-title {
          font-size: 24px;
      }

      .blk-cslot__hero-btn {
          width: 100%;
          justify-content: center;
          font-size: 16px;
      }
  }

  .sp10-wrap {
      padding: 40px 16px 70px;
      max-width: 1315px;
      margin: 0 auto;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #e4ebff;
  }

  .sp10-title {
      margin: 0 0 24px;
      font-size: 30px;
      font-weight: 700;
      color: #ffffff;
  }

  .sp10-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px 26px;
  }

  .sp10-card {
      background: #070f20;
      border-radius: 16px;
      padding: 20px 22px 22px;
      border: 1px solid rgba(255, 255, 255, 0.06);
  }

  .sp10-card__header {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 10px;
  }

  .sp10-card__name {
      margin: 0;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .sp10-card__index {
      color: #ffca1c;
      margin-right: 4px;
  }

  .sp10-card__provider {
      margin: 4px 0 0;
      font-size: 16px;
      color: #9aa6d6;
  }

  .sp10-rtp {
      align-self: flex-start;
      padding: 4px 12px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 600;
      color: #ffffff;
  }

  .sp10-rtp--green {
      background: #118b4f;
  }

  .sp10-rtp--blue {
      background: #2050ff;
  }

  .sp10-card__text {
      margin: 0 0 14px;
      line-height: 1.7;
      color: #d6e0ff;
  }

  .sp10-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
  }

  .sp10-tag {
      padding: 4px 10px;
      border-radius: 999px;
      background: #0f182b;
      font-size: 14px;
      color: #cdd7ff;
  }

  /* Адаптив */
  @media (max-width: 900px) {
      .sp10-grid {
          grid-template-columns: 1fr;
      }
  }

  @media (max-width: 720px) {
      .sp10-wrap {
          padding: 32px 16px 50px;
          font-size: 16px;
      }

      .sp10-title {
          font-size: 24px;
      }

      .sp10-card {
          padding: 18px 18px 20px;
      }
  }

  .slc-wrap {
      padding: 40px 16px 70px;
      max-width: 1200px;
      margin: 0 auto;
      color: #e8edff;
      font-size: 18px;
      font-family: 'Montserrat', sans-serif;
  }

  .slc-title {
      margin: 0 0 28px;
      font-size: 32px;
      font-weight: 700;
      color: #ffffff;
  }

  .slc-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px 26px;
      margin-bottom: 34px;
  }

  .slc-card {
      background: #0b1120;
      border-radius: 14px;
      padding: 20px 24px 24px;
      border: 1px solid rgba(255, 255, 255, 0.06);
  }

  .slc-card__title {
      margin: 0 0 10px;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .slc-card__text {
      margin: 0;
      line-height: 1.7;
  }

  .slc-box {
      margin-top: 20px;
      padding: 26px 26px 28px;
      background: #0b1120;
      border-radius: 2px;
      border-left: 4px solid #ffcc33;
      border-right: 1px solid rgba(255, 255, 255, 0.06);
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .slc-box__title {
      margin: 0 0 14px;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .slc-list {
      margin: 0;
      padding-left: 18px;
      display: flex;
      flex-direction: column;
      gap: 10px;
  }

  .slc-list li {
      line-height: 1.6;
  }

  /* Адаптив */
  @media (max-width: 1000px) {
      .slc-grid {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  @media (max-width: 720px) {
      .slc-grid {
          grid-template-columns: 1fr;
      }

      .slc-title {
          font-size: 26px;
      }

      .slc-card {
          padding: 18px 18px 20px;
      }
  }

  .lvb-wrap {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 16px 70px;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #e4ecff;
  }

  .lvb-head__title {
      margin: 0 0 12px;
      font-size: 32px;
      font-weight: 700;
      color: #ffffff;
  }

  .lvb-head__text {
      margin: 0 0 26px;
      line-height: 1.7;
  }

  /* красный инфо-блок */

  .lvb-info {
      background: radial-gradient(circle at 10% 0, #3b0b0b 0, #190306 55%, #160207 100%);
      border-radius: 16px;
      padding: 22px 26px 20px;
      border: 1px solid rgba(255, 75, 75, 0.3);
      margin-bottom: 40px;
  }

  .lvb-info__title {
      margin: 0 0 10px;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .lvb-info__text {
      margin: 0 0 16px;
      line-height: 1.7;
      color: #ffd5d5;
  }

  .lvb-info__tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
  }

  .lvb-info__tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 13px;
      border-radius: 999px;
      background: rgba(0, 0, 0, 0.45);
      color: #ffcf91;
      font-size: 14px;
      border: 1px solid rgba(255, 207, 145, 0.3);
  }

  /* подзаголовок */

  .lvb-sub__title {
      margin: 0 0 20px;
      font-size: 26px;
      font-weight: 700;
      color: #ffffff;
  }

  /* карточки рулеток */

  .lvb-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
  }

  .lvb-card {
      background: #070f20;
      border-radius: 16px;
      padding: 20px 24px 24px;
      border: 1px solid rgba(255, 255, 255, 0.06);
  }

  .lvb-card__header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px;
  }

  .lvb-card__icon {
      flex-shrink: 0;
  }

  .lvb-flag,
  .lvb-chip {
      width: 42px;
      height: 42px;
      border-radius: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #101a33;
  }

  .lvb-flag--eu {
      background: linear-gradient(135deg, #003399, #001b66);
  }

  .lvb-flag--eu i {
      color: #ffdb4d;
  }

  .lvb-flag--us {
      background: linear-gradient(135deg, #b22234, #3c3c3c);
      color: #ffffff;
  }

  .lvb-chip {
      background: radial-gradient(circle at 30% 30%, #ff5bb0, #5a2cff);
      color: #ffffff;
  }

  .lvb-card__titles {
      display: flex;
      flex-direction: column;
  }

  .lvb-card__title {
      margin: 0;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .lvb-card__meta {
      margin: 4px 0 0;
      font-size: 15px;
      color: #a9b5dd;
  }

  .lvb-card__text {
      margin: 0 0 14px;
      line-height: 1.7;
      color: #d5e0ff;
  }

  .lvb-card__table {
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      padding-top: 10px;
      margin-top: 6px;
  }

  .lvb-row {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      font-size: 16px;
      margin-top: 4px;
  }

  .lvb-row__label {
      color: #9aa7cf;
  }

  .lvb-row__value {
      color: #ffffff;
  }

  /* адаптив */

  @media (max-width: 1024px) {
      .lvb-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  }

  @media (max-width: 768px) {
      .lvb-grid {
          grid-template-columns: 1fr;
      }

      .lvb-head__title {
          font-size: 26px;
      }

      .lvb-sub__title {
          font-size: 22px;
      }

      .lvb-info {
          padding: 18px 18px 18px;
      }
  }

  .tblx-mesa {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 16px 70px;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #e5ecff;
  }

  .tblx-mesa__title {
      margin: 0 0 24px;
      font-size: 30px;
      font-weight: 700;
      color: #ffffff;
  }

  .tblx-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px 24px;
  }

  .tblx-card {
      background: #070f20;
      border-radius: 16px;
      padding: 22px 24px 24px;
      border: 1px solid rgba(255, 255, 255, 0.06);
  }

  .tblx-card__heading {
      margin: 0 0 4px;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .tblx-card__meta {
      margin: 0 0 14px;
      font-size: 15px;
      color: #9aa7cf;
  }

  .tblx-card__text {
      margin: 0 0 16px;
      line-height: 1.7;
  }

  .tblx-card__line {
      margin: 0 0 6px;
      line-height: 1.6;
  }

  .tblx-card__rtp {
      font-weight: 600;
      padding-left: 6px;
  }

  .tblx-card__rtp--good {
      color: #23d18b;
  }

  .tblx-card__rtp--bad {
      color: #ff7b5b;
  }

  .tblx-card__rtp--bad i {
      margin-right: 4px;
  }

  .tblx-card__note {
      margin-top: 10px;
      font-size: 15px;
      color: #c1c8e6;
      font-style: italic;
  }

  /* sub cards inside poker block */

  .tblx-sub {
      margin-top: 10px;
      display: flex;
      flex-direction: column;
      gap: 10px;
  }

  .tblx-sub__box {
      background: #0b152c;
      border-radius: 10px;
      padding: 10px 12px;
  }

  .tblx-sub__name {
      font-weight: 600;
      margin-bottom: 4px;
      color: #ffffff;
      font-size: 16px;
  }

  .tblx-sub__text {
      margin: 0;
      font-size: 16px;
      line-height: 1.6;
  }

  /* craps tip */

  .tblx-tip {
      margin-top: 14px;
      background: #0b182e;
      border-radius: 12px;
      padding: 10px 12px;
      display: flex;
      gap: 10px;
      align-items: flex-start;
  }

  .tblx-tip__label {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-weight: 700;
      font-size: 15px;
      color: #ffd45a;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(255, 212, 90, 0.12);
  }

  .tblx-tip__label i {
      color: #ffd45a;
  }

  .tblx-tip__text {
      margin: 0;
      font-size: 16px;
      line-height: 1.6;
  }

  /* game show tags */

  .tblx-tags {
      margin-top: 16px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
  }

  .tblx-tag {
      padding: 4px 11px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 600;
      color: #ffffff;
  }

  .tblx-tag--purple {
      background: #6f42ff;
  }

  .tblx-tag--blue {
      background: #245dff;
  }

  .tblx-tag--green {
      background: #1ca96f;
  }

  .tblx-tag--red {
      background: #e0363e;
  }

  /* адаптив */

  @media (max-width: 900px) {
      .tblx-grid {
          grid-template-columns: 1fr;
      }
  }

  .prx-vip {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 16px 70px;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #e5ecff;
  }

  .prx-vip__title {
      margin: 0 0 24px;
      font-size: 30px;
      font-weight: 700;
      color: #ffffff;
  }

  /* верхние карточки */

  .prx-vip__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      margin-bottom: 34px;
  }

  .prx-card {
      background: #070f20;
      border-radius: 16px;
      padding: 22px 26px 24px;
      border: 1px solid rgba(255, 255, 255, 0.06);
  }

  .prx-card__title {
      margin: 0 0 10px;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .prx-card__text {
      margin: 0 0 18px;
      line-height: 1.7;
  }

  .prx-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 16px;
      font-weight: 600;
      color: #7f9bff;
      text-decoration: none;
  }

  .prx-card__link i {
      font-size: 14px;
  }

  /* CTA блок */

  .prx-cta {
      border-radius: 24px;
      background: radial-gradient(circle at 0 0, #ffdd66 0, #ff9800 40%, #ff7b00 70%, #e46b00 100%);
      padding: 32px 20px;
  }

  .prx-cta__inner {
      max-width: 900px;
      margin: 0 auto;
      text-align: center;
      color: #111111;
  }

  .prx-cta__title {
      margin: 0 0 14px;
      font-size: 26px;
      font-weight: 700;
  }

  .prx-cta__text {
      margin: 0 0 22px;
      line-height: 1.7;
      font-size: 18px;
  }

  .prx-cta__actions {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 14px;
  }

  .prx-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-width: 230px;
      padding: 12px 20px;
      border-radius: 999px;
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
      border: 1px solid transparent;
  }

  .prx-btn i {
      font-size: 14px;
  }

  .prx-btn--dark {
      background: #050816;
      color: #ffffff;
      border-color: rgba(0, 0, 0, 0.6);
  }

  .prx-btn--light {
      background: #ffffff;
      color: #1c1f2a;
      border-color: rgba(0, 0, 0, 0.18);
  }

  /* адаптив */

  @media (max-width: 980px) {
      .prx-vip__grid {
          grid-template-columns: 1fr;
      }
  }

  @media (max-width: 720px) {
      .prx-cta {
          padding: 26px 18px;
      }

      .prx-cta__title {
          font-size: 22px;
      }
  }

  .prx-vip {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 16px 70px;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #e5ecff;
  }

  .prx-vip__title {
      margin: 0 0 24px;
      font-size: 30px;
      font-weight: 700;
      color: #ffffff;
  }

  /* верхние карточки */

  .prx-vip__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      margin-bottom: 34px;
  }

  .prx-card {
      background: #070f20;
      border-radius: 16px;
      padding: 22px 26px 24px;
      border: 1px solid rgba(255, 255, 255, 0.06);
  }

  .prx-card__title {
      margin: 0 0 10px;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .prx-card__text {
      margin: 0 0 18px;
      line-height: 1.7;
  }

  .prx-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 16px;
      font-weight: 600;
      color: #7f9bff;
      text-decoration: none;
  }

  .prx-card__link i {
      font-size: 14px;
  }

  /* CTA блок */

  .prx-cta {
      border-radius: 24px;
      background: radial-gradient(circle at 0 0, #ffdd66 0, #ff9800 40%, #ff7b00 70%, #e46b00 100%);
      padding: 32px 20px;
  }

  .prx-cta__inner {
      max-width: 900px;
      margin: 0 auto;
      text-align: center;
      color: #111111;
  }

  .prx-cta__title {
      margin: 0 0 14px;
      font-size: 26px;
      font-weight: 700;
  }

  .prx-cta__text {
      margin: 0 0 22px;
      line-height: 1.7;
      font-size: 18px;
  }

  .prx-cta__actions {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 14px;
  }

  .prx-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-width: 230px;
      padding: 12px 20px;
      border-radius: 999px;
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
      border: 1px solid transparent;
  }

  .prx-btn i {
      font-size: 14px;
  }

  .prx-btn--dark {
      background: #050816;
      color: #ffffff;
      border-color: rgba(0, 0, 0, 0.6);
  }

  .prx-btn--light {
      background: #ffffff;
      color: #1c1f2a;
      border-color: rgba(0, 0, 0, 0.18);
  }

  /* адаптив */

  @media (max-width: 980px) {
      .prx-vip__grid {
          grid-template-columns: 1fr;
      }
  }

  @media (max-width: 720px) {
      .prx-cta {
          padding: 26px 18px;
      }

      .prx-cta__title {
          font-size: 22px;
      }
  }

  .fqx-wrap {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 16px 70px;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #e5ecff;
  }

  .fqx-title {
      margin: 0 0 24px;
      font-size: 30px;
      font-weight: 700;
      color: #ffffff;
  }

  .fqx-list {
      display: flex;
      flex-direction: column;
      gap: 18px;
  }

  .fqx-item {
      background: #070f20;
      border-radius: 16px;
      padding: 16px 20px 18px;
      border: 1px solid rgba(255, 255, 255, 0.06);
      display: flex;
      gap: 16px;
  }

  .fqx-item__icon {
      flex-shrink: 0;
      display: flex;
      align-items: flex-start;
      justify-content: center;
  }

  .fqx-qmark {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      /* background: rgba(255, 120, 40, 0.14); */
      color: #ff3b3b;
      font-size: 24px;
  }

  .fqx-item__body {
      flex: 1;
  }

  .fqx-item__q {
      margin: 0 0 8px;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .fqx-item__a {
      margin: 0;
      line-height: 1.7;
  }

  /* адаптив */

  @media (max-width: 720px) {
      .fqx-item {
          padding: 14px 14px 16px;
      }

      .fqx-item__q {
          font-size: 18px;
      }
  }

  .lrk-safe {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 16px 70px;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #e5ecff;
  }

  .lrk-safe__card {
      background: #070f20;
      border-radius: 18px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      padding: 18px 24px 20px;
  }

  .lrk-safe__head {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
  }

  .lrk-safe__icon {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      background: rgba(255, 212, 90, 0.14);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #ffd45a;
      font-size: 18px;
  }

  .lrk-safe__title {
      margin: 0;
      font-size: 22px;
      font-weight: 700;
      color: #ffffff;
  }

  .lrk-safe__text {
      margin: 4px 0;
      font-size: 14px;
      font-weight: 200;
      line-height: 1.7;
  }

  .lrk-safe__label {
      font-weight: 700;
      color: #ffd45a;
  }

  /* адаптив */
  @media (max-width: 768px) {
      .lrk-safe__card {
          padding: 16px 14px 18px;
      }

      .lrk-safe__title {
          font-size: 20px;
      }
  }

  .csn-choose {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 16px 70px;
      font-family: 'Montserrat', sans-serif;
      font-size: 18px;
      color: #e5ecff;
  }

  .csn-choose__title {
      margin: 0 0 14px;
      font-size: 32px;
      font-weight: 700;
      color: #ffffff;
  }

  .csn-choose__intro {
      margin: 0 0 18px;
      line-height: 1.7;
  }

  .csn-choose__subtitle {
      margin: 0 0 20px;
      font-size: 22px;
      font-weight: 700;
      color: #ffffff;
  }

  /* grid of criteria */

  .csn-choose__grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px 22px;
  }

  .csn-card {
      background: #070f20;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.06);
      padding: 18px 22px 20px;
  }

  .csn-card__head {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 8px;
  }

  .csn-card__icon {
      width: 40px;
      height: 40px;
      border-radius: 12px;
      background: #0b152b;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #8ab4ff;
  }

  .csn-card__icon--purple {
      background: #190f3a;
      color: #c68cff;
  }

  .csn-card__icon--teal {
      background: #05272b;
      color: #4de1c1;
  }

  .csn-card__icon--yellow {
      background: #2b2107;
      color: #ffd45a;
  }

  .csn-card__icon--pink {
      background: #2b1021;
      color: #ff7bb1;
  }

  .csn-card__icon--flag {
      background: #211015;
      color: #ff6b6b;
  }

  .csn-card__title {
      margin: 0;
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
  }

  .csn-card__text {
      margin: 0;
      line-height: 1.7;
  }

  /* адаптив */

  @media (max-width: 900px) {
      .csn-choose__grid {
          grid-template-columns: 1fr;
      }

  }

  @media (max-width: 768px) {
      .mb-offer-card__middle {
          flex: 1 1 auto;
          display: flex;
          justify-content: center;
          gap: 28px;
          flex-direction: column;
      }

      .cp-promo-card__actions {
          display: flex;
          gap: 12px;
          flex-wrap: wrap;
      }

      .mbt-table__row {
          display: grid;
          width: max-content;
          min-width: 100%;
          padding: 16px 16px 18px;
      }

      .mbt-table {
          margin-top: 6px;
          background: #070f20;
          border-radius: 18px;
          overflow: scroll;
          width: 100%;
          /* overflow: hidden; */
          border: 1px solid rgba(255, 255, 255, 0.08);
      }

      .mbt-row-card__block {
          display: flex;
          padding: 0 20px;
          flex: 1;
      }

      .pblx-card__rating {
          display: flex;
          flex-wrap: wrap;
      }

      .pblx-card {
          background: #0c1124;
          border-radius: 26px 14px;
          padding: 15px;
          margin-bottom: 50px;
          border: 1px solid rgba(255, 255, 255, 0.08);
      }

      .sp10-card__header {
          display: flex;
          flex-wrap: wrap;
      }

      .tblx-tip {
          display: flex;
          flex-wrap: wrap;
      }

      .mbf-footer__brand {
          display: flex;
          gap: 20px;
          flex-direction: column;
      }

      .mbp-offer__content {
          flex: 1 1 auto;
          display: flex;
          justify-content: center;
          gap: 16px;
          flex-wrap: wrap;
      }

      .bn-bonus-warning {
          margin: 30px 0 16px;
          background: #fff9e0;
          border-radius: 10px;
          border-left: 4px solid #ffbf3b;
          padding: 14px 18px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 12px;
          color: #2a2207;
      }
  }