/* Убираем системные отступы темы ТОЛЬКО на FAQ странице */
body.page-id-28915 .space-page-wrapper{
  padding-top: 0 !important;
  padding-bottom: 0 !important; /* если мешает низ */
}

body.page-id-28915 .space-page-section-ins{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* если ещё есть внутренние отступы у контентного бокса */
body.page-id-28915 .space-page-content{
  padding-top: 0 !important;
}

  

:root{
  --cr-green:#00b84a;
  --cr-yellow:#d8c200;
  --cr-max:1200px;
  --bg: #68b37d;         /* зелёный фон секции */
  --card: rgba(0,0,0,.55);
  --head: #ffffff;       /* белая шапка */
  --rowA: #202020;       /* темные полосы */
  --rowB: #2a2a2a;
  --text: #eaeaea;       /* текст в body */
  --headText: #111;      /* текст в thead */
  --shadow: 0 18px 45px rgba(0,0,0,.25);
  --radius: 10px;
  --max: 1180px;
  --ink:#111;
  --gold:#f2d16b;
  --navy:#0a1732;
  --navy2:#0b2450;
  --shadow: 0 18px 40px rgba(0,0,0,.14);  
  --bg1:#000;
  --bg2:#101010;
  --title:#eaeaea;
  --muted:rgba(255,255,255,.72);
  --shadow: 0 18px 45px rgba(0,0,0,.35);
  --accent:#2bd267;
  --link:#2b66ff;
  --border: rgba(0,0,0,.12);  
  --vip-bg1:#e7d3a9;
  --vip-bg2:#cdb07d;
  --ink:#2b2b2b;
  --muted:#3a3a3a;
  --txt:#eaeaea;
  --panel: rgba(0,0,0,.55);
  --line: rgba(255,255,255,.14);
  --green:#2bd267;
  --yellow:#d6c75b;    
}

.cr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 280px;
  height: 42px;
  padding: 0 18px;
  border-radius: 3px;
  text-decoration:none;
  font-weight: 800;
  text-transform:uppercase;
  letter-spacing:.4px;
  font-size: 14px;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
  user-select:none;
}
.cr-btn:active{ transform: translateY(1px); }

.cr-btn--green{
  color:#fff;
  text-align: center;
  line-height: normal;
  border: 2px solid var(--cr-green);
  background: rgba(0,184,74,.18);
}
.cr-btn--green:hover{
  background: rgba(0,184,74,.35);
  box-shadow: 0 0 0 2px rgba(0,184,74,.25), 0 0 18px rgba(0,255,110,.55);
}

.cr-btn--yellow{
color: #fff;
    text-align: center;
    line-height: normal;
    border: 2px solid var(--cr-yellow);
    background: rgba(216, 194, 0, .10);
}
.cr-btn--yellow:hover{
  background: rgba(216,194,0,.18);
  box-shadow: 0 0 0 2px rgba(216,194,0,.18), 0 0 18px rgba(255,230,0,.45);
}

/* HERO */
.cr-hero{ width:100%;
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw; }

.cr-hero__top{
  position:relative;
  background: linear-gradient(180deg, #06b64c 0%, #06b64c 70%, #079f66 70%, #079f66 100%);
  overflow:visible;
}
.cr-hero__topbg{
  position:absolute; inset:0;
  background-position:center;
  background-size:cover;
  opacity:.18;
  pointer-events:none;
}
.cr-hero__topinner{
  max-width: var(--cr-max);
  margin: 0 auto;
  padding: 46px 20px 80px;
  text-align:center;
  position:relative;
  z-index:1;
}
.cr-hero__title{
  margin:0;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:#fff;
  font-weight:800;
  font-size: 28px;
  line-height:1.15;
  text-shadow: 0 2px 0 rgba(0,0,0,.15);
}
.cr-hero__est{
  margin-top: 10px;
  color: rgba(0,0,0,.65);
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
  font-size: 14px;
}
.cr-hero__badge{
  position:absolute;
  left:50%;
  bottom:-40px;
  transform:translateX(-50%);
  z-index:2;
}
.cr-hero__badge img{
  display:block;
  width: 180px;
  height:auto;
  filter: drop-shadow(0 6px 8px rgba(0,0,0,.25));
}

.cr-hero__mid{
  background: #0d0d0d;
  position:relative;
  overflow:visible;
}
.cr-hero__midbg{
  position:absolute; inset:0;
  background-position:center;
  background-size:cover;
  opacity:.35;
  pointer-events:none;
}
.cr-hero__midinner{
  max-width: var(--cr-max);
  margin: 0 auto;
  padding: 58px 20px 0;
  position:relative;
  z-index:1;
}
.cr-hero__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 28px;
  text-align:center;
  padding-top: 8px;
}
.cr-hero__col{ width: 360px; }
.cr-hero__small{
  color:#fff;
  font-weight:700;
  text-transform:uppercase;
  font-size: 14px;
  letter-spacing:.4px;
  margin-bottom: 12px;
}
.cr-hero__sep{
  width:1px;
  height: 58px;
  background: rgba(255,255,255,.35);
}
.cr-hero__cards{
  margin: 26px auto 0;
  display:flex;
  justify-content:center;
  transform: translateY(18px);
}
.cr-hero__cards img{
  width: min(820px, 92vw);
  height:auto;
  display:block;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.35));
}

/* MOBILE */
@media (max-width: 820px){
  .cr-hero__topinner{ padding: 34px 16px 64px; }
  .cr-hero__title{ font-size: 24px; }
  .cr-hero__badge{ bottom:-18px; }
  .cr-hero__badge img{ width: 170px; }

  .cr-hero__cta{
    flex-direction:column;
    gap: 10px;
    padding-top: 26px;
  }
  .cr-hero__sep{ display:none; }
  .cr-hero__col{ width: 100%; max-width: 520px; }

  .cr-btn{
    width: 100%;
    min-width: 0;
    height: 48px;
    font-size: 15px;
  }
  .cr-hero__cards{ margin-top: 18px; transform: translateY(8px); }
}

/* ===== STATS (desktop + mobile like screenshot) ===== */

.cr-stats{
  background:#fff;
}

.cr-stats__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 20px 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  text-align: center;
}

.cr-stat{
  padding: 0 22px;
  position: relative;
}

/* вертикальные разделители как в оригинале */
.cr-stat + .cr-stat{
  border-left: 1px solid #e6e6e6;
}

/* средняя колонка чуть серее (как у тебя на десктоп-скрине) */
.cr-stats__inner .cr-stat:nth-child(2){
  background: #f5f5f5;
}

/* иконка */
.cr-stat__ico{
  width: 86px;
  height: 86px;
  border: 2px solid #bfbfbf;
  margin: 0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 34px;
  color:#7a7a7a;
  font-weight:300;
  border-radius: 2px;
  background: #fff;
}

.cr-stat__title{
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .4px;
  color:#111;
  margin-bottom: 10px;
  font-size: 14px;
}

.cr-stat__text{
  color:#4b4b4b;
  font-size: 12px;
  line-height: 1.35;
  max-width: 260px;
  margin: 0 auto;
}

/* ===== MOBILE ===== */
@media (max-width: 820px){
  .cr-stats__inner{
    display: block;
    padding: 50px 18px 55px;
    position: relative;
  }

  /* общая вертикальная пунктирная линия */
  .cr-stats__inner::before{
    content:"";
    position:absolute;
    left:50%;
    top: 135px;     /* старт после первой иконки */
    bottom: 135px;  /* конец перед последней иконкой */
    border-left: 2px dotted #bfbfbf;
    transform: translateX(-50%);
    opacity: .9;
    pointer-events: none;
  }

  .cr-stat{
    padding: 0;
    border: 0 !important;
    background: transparent !important;
  }

  .cr-stat + .cr-stat{
    margin-top: 42px;
  }

  .cr-stat__ico{
    margin-bottom: 16px;
  }

  .cr-stat__text{
    max-width: 290px;
  }
}
/* FULL WIDTH WHITE BACKGROUND FOR STATS */
.cr-stats{
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
  background: #fff;
}

/* растягиваем фон за пределы контейнера темы */
.cr-stats::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #fff;
  z-index: -1;
}

/* ===== MEMBER CASINOS MARQUEE (full width + hover pause) ===== */

.cr-member{
position: relative;
left: 50%;
right: 50%;
width: 100vw;
margin-left: -50vw;
margin-right: -50vw;
background:#d9d9d9;
padding-top:20px;
}

/* full width background inside theme container */
.cr-member::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  background:#d9d9d9;
  z-index:-1;
}

.cr-member__head{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px 14px;
  text-align:center;
}

.cr-member__title{
  font-weight: 800;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: 22px;
  color:#2b2b2b;
  margin-bottom: 10px;
}

.cr-member__subtitle{
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
  font-size: 13px;
  color:#2b2b2b;
}

/* marquee */
.cr-marquee{
  position: relative;
  padding: 0 0 0; /* можно если нужно */
}

.cr-marquee__viewport{
  width: 100%;
  overflow: hidden;           /* вот это делает “уезжает за границы и выезжает” */
  background: transparent;
}

/* остановка при наведении */
.cr-marquee:hover .cr-marquee__track{
  animation-play-state: paused;
}

.cr-marquee__track{
  display:flex;
  align-items:stretch;
  gap: 0;
  width: max-content;
  animation: cr-marquee-move var(--cr-marquee-duration, 28s) linear infinite;
  will-change: transform;
}

/* карточка */
.cr-card{
  flex: 0 0 auto;
  width: 250px;              /* подгони под оригинал */
  height: 350px;
  display:block;
  position: relative;
  text-decoration:none;
}

.cr-card img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* бесконечный луп: двигаем на ширину первого набора */
@keyframes cr-marquee-move{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* mobile */
@media (max-width: 820px){
  .cr-member__title{ font-size: 20px; }
  .cr-card{ width: 120px; height: 120px; }
}


/* ===== LOYALTY PROGRAM GRID ===== */

.cr-lp{
  position: relative;
  background: #0b0b0b;
  padding: 28px 0 40px;
  color: #fff;
}

/* full-width background inside theme container */
.cr-lp::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  background:#0b0b0b;
  z-index:-1;
}

.cr-lp__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.cr-lp__top{
  text-align:center;
  padding: 8px 0 18px;
}

.cr-lp__logo img{
  height: 58px;
  width: auto;
  display:block;
  margin: 0 auto 10px;
}

.cr-lp__title{
  margin:0;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 22px;
}

.cr-lp__underline{
  width: 42px;
  height: 2px;
  background: #2bbf4b;
  margin: 12px auto 0;
}

/* desktop: 2 columns, 4 rows on left + 3 rows on right via grid placement */
.cr-lp__grid{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}

.cr-lp__cell{
  min-height: 132px;
  padding: 18px 18px;
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.15);
}

.cr-lp__cell--img{
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.12);
}

.cr-lp__cell--img img{
  max-width: 92%;
  height: auto;
  display:block;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.45));
}

.cr-lp__h{
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 8px;
}

.cr-lp__p{
  font-size: 12px;
  color: rgba(255,255,255,.82);
  line-height: 1.35;
  max-width: 340px;
}

.cr-lp__list{
  margin: 0;
  padding-left: 18px;
  font-size: 12px;
  color: rgba(255,255,255,.85);
  line-height: 1.45;
}
.cr-lp__list li{ margin: 2px 0; }

/* Place "right side" blocks into rows 1-3 on right column,
   while left column continues 1-4 normally */
.cr-lp__cell--right1{ grid-row: 1; grid-column: 2; }
.cr-lp__cell--right2{ grid-row: 2; grid-column: 2; }
.cr-lp__cell--right3{ grid-row: 3; grid-column: 2; }

/* Make left image cells stay in column 1 row 1-4 */
.cr-lp__cell--center{ grid-column: 1; }

/* MOBILE: stack */
@media (max-width: 820px){
  .cr-lp__inner{ max-width: 560px; }
  .cr-lp__title{ font-size: 20px; }

  .cr-lp__grid{
    grid-template-columns: 1fr;
    border-left: 0;
  }

  .cr-lp__cell{
    border-right: 0;
    padding: 18px 14px;
  }

  /* reset forced placements */
  .cr-lp__cell--right1,
  .cr-lp__cell--right2,
  .cr-lp__cell--right3,
  .cr-lp__cell--center{
    grid-column: auto;
    grid-row: auto;
  }

  .cr-lp__cell--img img{
    max-width: 100%;
  }
}

 .rewards{
    background:
      radial-gradient(1200px 600px at 50% 0%, rgba(255,255,255,.08), transparent 60%),
      linear-gradient(#000, grey);
    color:var(--text);
    padding: clamp(24px, 4vw, 48px) 16px;
  }

  .rewards__container{
    max-width:var(--max);
    margin:0 auto;
  }

  .rewards__head{
    text-align:center;
    margin-bottom: clamp(18px, 3vw, 28px);
  }

  .rewards__logo{
    display:flex;
    justify-content:center;
    margin-bottom: 10px;
  }
  .rewards__logo img{
    max-width: 240px;
    width: min(240px, 70vw);
    height:auto;
  }

  /* Block title must be h3 */
  .rewards__title{
    margin: 0;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.1;
    font-size: clamp(24px, 3.2vw, 44px);
  }

  .rewards__divider{
    width: 78px;
    height: 3px;
    background: var(--accent);
    margin: 14px auto 0;
    opacity: .9;
  }

  /* Desktop: two columns. Mobile: one column */
  .rewards__grid{
    display:grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .rewards-card{
    background: linear-gradient(180deg, var(--panel), var(--panel2));
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: clamp(14px, 2.2vw, 22px);
    display:grid;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items:center;
    overflow:hidden;
  }

  .rewards-card__heading{
    margin: 0 0 8px 0;
    font-size: 18px; /* subheadings are h2 */
    font-weight: 800;
    display:flex;
    align-items:center;
    gap:10px;
  }

  .rewards-card__heading::before{
    content:"►";
    color:#fff;
    opacity:.9;
    transform: translateY(-1px);
    font-size: 14px;
  }

  .rewards-card__text{
    margin: 0;
    line-height: 1.4;
    font-size: 14px;
    max-width: 52ch;
  }

  .rewards-card__list{
    margin: 0;
    padding-left: 18px;

    line-height: 1.55;
    font-size: 14px;
  }

  .rewards-card__media{
    margin: 0;
    display:flex;
    justify-content:center;
    align-items:center;
  }

  .rewards-card__media img{
    width: min(420px, 100%);
    height: auto;
    display:block;
    filter: drop-shadow(0 16px 30px rgba(0,0,0,.55));
  }

  /* ≥ 900px: 2-col layout like desktop screenshot */
  @media (min-width: 900px){
    .rewards__grid{
      grid-template-columns: 1fr 1fr;
      gap: 22px;
    }

    .rewards-card{
      grid-template-columns: 1fr 240px;
      gap: 18px;
      min-height: 170px;
    }

    .rewards-card__media img{
      width: 240px;
      max-width: 240px;
    }

    /* Bottom wide block across both columns */
    .rewards-card--wide{
      grid-column: 1 / -1;
      grid-template-columns: 1fr 360px;
      min-height: 200px;
    }
    .rewards-card--wide .rewards-card__media img{
      width: 360px;
      max-width: 360px;
    }
  }

  /* Small phones: keep images centered and breathe */
  @media (max-width: 420px){
    .rewards-card__media img{
      width: min(320px, 100%);
    }
  }
  .space-content-section.no-sidebar{max-width:fit-content!important;}
/*___________________________________________*/
  .millionaires{
    background:#fff;
    color:var(--text);
    padding: 18px 16px 28px;
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  .millionaires__container{
    max-width:1200px;
    margin: 0 auto;
  }

  /* ===== TOP HERO ===== */
  .millionaires-hero{
    display:grid;
    grid-template-columns: 1fr;
    gap: 16px;
    align-items:start;
    justify-items:center;
    text-align:center;
  }

  .millionaires-hero__title{
    margin: 0 0 12px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.15;
    font-size: clamp(20px, 2.2vw, 28px);
    text-transform: uppercase;
    color:black;
  }

  .millionaires-hero__cta{
    display:inline-block;
    text-decoration:none;
    color: var(--cta);
    border: 2px solid rgba(42,168,74,.55);
    border-radius: 4px;
    padding: 10px 14px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.15;
    letter-spacing: .04em;
    background: rgba(42,168,74,.06);
  }

  .millionaires-hero__cta:hover{
    background: rgba(42,168,74,.12);
  }

  .millionaires-hero__badges{
    margin-top: 14px;
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: min(360px, 100%);
    justify-items:center;
  }

  .badge{
    display:block;
    width: 100%;
    max-width: 160px;
    text-decoration:none;
  }

  .badge img{
    width: 100%;
    height: auto;
    display:block;
  }

  .millionaires-hero__readmore{
    display:inline-block;
    margin-top: 12px;
    font-size: 12px;
    color: var(--link);
    text-decoration: underline;
  }

  .millionaires-hero__right{
    width: 100%;
    display:flex;
    justify-content:center;
  }

  .millionaires-hero__figure{
    margin: 0;
    width: min(520px, 100%);
  }

  .millionaires-hero__figure img{
    width: 100%;
    height: auto;
    display:block;
  }

  /* ===== LIST ===== */
  .millionaires-list{
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    text-align:center;
  }

  .millionaires-list__title{
    margin: 0 0 10px;
    font-size: 18px;
    color:black;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
  }

  .millionaires-list__items{
    max-width: 860px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 1.55;
    color: var(--muted);
  }

  .millionaires-list__items p{
    margin: 6px 0;
    color:black;
    padding-bottom: 0px !important;
  }

  .millionaires-list__items a{
    color: var(--link);
    text-decoration: underline;
  }

  /* ===== DESKTOP like screenshot (center-left text + right big image) ===== */
  @media (min-width: 980px){
    .millionaires-hero{
      grid-template-columns: 1fr 1.15fr;
      gap: 26px;
      align-items:start;
      text-align:center; /* in screenshot the left part is centered */
      justify-items:stretch;
    }

    .millionaires-hero__left{
      display:flex;
      flex-direction:column;
      align-items:center;
      padding-top: 6px;
    }

    .millionaires-hero__badges{
      width: 360px;
      gap: 12px;
    }

    .millionaires-hero__figure{
      width: 100%;
      max-width: 560px;
    }

    .millionaires-list{
      margin-top: 22px;
      padding-top: 16px;
    }
  }

  /*Winners*/

 

  /* секция */
  .rw{
    position: relative;
    padding: 26px 16px 30px;
    overflow: hidden;
    background: #7fbf8f; /* fallback */
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  .rw__container{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    justify-items: center;
    gap: 18px;
  }

  .rw__title{
    margin: 0;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 900;
    color: black/* как на рефе */
  }

  /* карточка-обёртка под таблицу */
  .rw__card{
    width: min(760px, 100%);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    background: transparent; /* важно: сама таблица рисует нужные цвета */
  }

  /* скролл на мобилке */
  .rw__scroll{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: transparent;
  }

  /* таблица */
  .rw-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 720px; /* чтобы на мобиле не ломалось */
    font-size: 11px;
  }

  .rw-table thead th{
    background: var(--head);
    color: var(--headText);
    font-weight: 900;
    text-align: left;
    padding: 10px 12px;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0,0,0,.18);
  }

  /* скругления белой шапки (как на скрине) */
  .rw-table thead th:first-child{ border-top-left-radius: var(--radius); }
  .rw-table thead th:last-child{ border-top-right-radius: var(--radius); }

  .rw-table tbody td{
    color: var(--text);
    padding: 9px 12px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }

  .rw-table tbody tr:nth-child(odd){ background: var(--rowA); }
  .rw-table tbody tr:nth-child(even){ background: var(--rowB); }

  /* выравнивание Amount/Date вправо как в рефе */
  .rw-table td:nth-child(4),
  .rw-table th:nth-child(4),
  .rw-table td:nth-child(5),
  .rw-table th:nth-child(5){
    text-align: right;
    white-space: nowrap;
  }

  /* Game не переносим в кашу */
  .rw-table td:nth-child(3){
    max-width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* нижняя зеленая плашка под таблицей + кнопка */
  .rw__footer{
    background: rgb(0 0 0 / 81%);
    padding: 14px;
    display:flex;
    justify-content:center;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }

  .rw__btn{
    display:inline-block;
    padding: 8px 14px;
    border-radius: 6px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.85);
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,.14);
  }
  .rw__btn:hover{
    background: rgba(255,255,255,.14);
  }

  /* адаптив */
  @media (max-width: 520px){
    .rw{
      padding: 34px 12px 40px;
    }
    .rw__card{
      width: 100%;
    }
    .rw-table{
      font-size: 12px;
      min-width: 760px; /* оставляем скролл */
    }
  }

  .space-page-content table {margin: 0px!important;}

  /*__________________________________________Jackpot________________________________________________*/


  .jackpots{
    position: relative;
    overflow: hidden;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background:#fff;
    padding: 38px 16px 42px;
  }

  .jackpots__container{
    max-width: 1200px;
    margin: 0 auto;
    display:grid;
    justify-items:center;
    text-align:center;
    gap: 14px;
  }

  .jackpots__title{
    margin: 0;
    font-size: 13px;
    font-weight: 800;
    color: var(--ink);
  }

  .jackpots__sub{
    margin-top: 8px;
    font-size: 11px;
    font-weight: 700;
    color: rgba(0,0,0,.65);
  }

  /* bars */
  .jackpot-bar{
    width: min(520px, 100%);
    border: 2px solid var(--gold);
    background: url("/wp-content/uploads/2026/02/casino-lights_.gif");
    background-size:cover;
    border-radius: 4px;
    box-shadow: var(--shadow);
    padding: 9px 14px;
  }
  .jackpot-bar--sm{ width: 220px; padding: 7px 12px; }
  .jackpot-bar--mid{ width: 260px; }

  .jackpot-bar__value{
    display:block;
    font-size: 22px;
    font-weight: 900;
    color: var(--gold);
    letter-spacing: .02em;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
  }
  .jackpot-bar--sm .jackpot-bar__value{ font-size: 14px; }

  .jackpots__grid{
    margin-top: 10px;
    display:grid;
    grid-template-columns: 1fr;
    gap: 18px;
    align-items:end;
    justify-items:center;
    width: 100%;
  }

  .jackpots__item{
    display:grid;
    justify-items:center;
    gap: 10px;
  }

  .jackpots__logo{
    width: 86px;
    height: auto;
    display:block;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
  }
  .jackpots__logo--big{ width: 128px; }

  .jackpots__cta{
    margin-top: 4px;
  }

  .jackpots__btn{
    display:inline-block;
    padding: 7px 14px;
    border-radius: 3px;
    border: 1px solid rgba(42,168,74,.55);
    color: #1b7a36;
    text-decoration:none;
    font-size: 11px;
    font-weight: 800;
    background: rgba(42,168,74,.08);
  }
  .jackpots__btn:hover{ background: rgba(42,168,74,.12); }

  @media (min-width: 900px){
    .jackpots__grid{
      grid-template-columns: 1fr 1.2fr 1fr;
      gap: 26px;
      max-width: 760px;
    }
    .jackpots__item--main{ transform: translateY(6px); }
  }

  @media (max-width: 520px){
    .jackpot-bar__value{ font-size: 18px; }
    .jackpot-bar--sm .jackpot-bar__value{ font-size: 13px; }
    .jackpot-bar--sm{ width: min(260px, 92vw); }
  }


/*__________________________________________Testimotianals______________________________________*/


  .testimonials{
    background:
      radial-gradient(1200px 380px at 50% 0%, rgba(255,255,255,.10), transparent 60%),
      linear-gradient(180deg, var(--bg1), var(--bg2));
    padding: 26px 16px 34px;
    position: relative;
    overflow: hidden;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;

  }

  .testimonials__container{
    max-width: 1200px;
    margin: 0 auto;
    text-align:center;
  }

  .testimonials__title{
    margin: 0;
    font-size: 12px;
    letter-spacing: .12em;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--title);
  }

  .testimonials__divider{
    width: 56px;
    height: 2px;
    background: rgba(255,255,255,.65);
    margin: 10px auto 16px;
  }

  /* GRID */
  .t-grid{
    display:grid;
    grid-template-columns: 1fr;
    gap: 12px;
    justify-items:center;
  }

  .t-card{
    width: min(720px, 100%);
    background: var(--card);
    border-radius: 6px;
    box-shadow: var(--shadow);
    display:grid;
    grid-template-columns: 120px 1fr;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.06);
    text-align:left;
  }

  .t-card__media{
    display:grid;
    gap: 6px;
    align-content:start;
  }

  .t-card__media img{
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 4px;
    display:block;
    border: 1px solid rgba(0,0,0,.08);
  }

  .t-card__play{
    font-size: 10px;
    font-weight: 800;
    color: var(--link);
    text-decoration: underline;
    width: fit-content;
  }

  .t-card__body{
    display:grid;
    gap: 8px;
    align-content:start;
  }

  .t-card__quote{
    margin: 0;
    font-size: 11px;
    line-height: 1.25;
  }

  .t-card__more{
    color: var(--link);
    text-decoration: underline;
    font-weight: 800;
    white-space: nowrap;
  }

  .t-card__text{
    margin: 0;
    font-size: 11px;
    line-height: 1.25;
  }

  .t-card__text strong{
    font-weight: 900;
  }

  /* CTA */
  .testimonials__cta{
    margin-top: 14px;
    display:flex;
    justify-content:center;
  }

  .testimonials__btn{
    display:inline-block;
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(43,210,103,.12);
    border: 1px solid rgba(43,210,103,.45);
    color: #d8ffe6;
    text-decoration:none;
    font-size: 11px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(0,0,0,.22);
  }
  .testimonials__btn:hover{
    background: rgba(43,210,103,.18);
  }

  /* Desktop: 3 cards in a row like reference */
  @media (min-width: 980px){
    .t-grid{
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      align-items: stretch;
      justify-items: stretch;
      max-width: 760px; /* makes the row sit centered like screenshot */
      margin: 0 auto;
    }
    .t-card{
      width: 100%;
      grid-template-columns: 110px 1fr;
      padding: 10px;
    }
  }

  /* Small phones */
  @media (max-width: 420px){
    .t-card{
      grid-template-columns: 105px 1fr;
    }
    .t-card__quote,
    .t-card__text{
      font-size: 12px;
      color:white;
    }
  }
/*___________________________________________________VIP____________________________________*/

  .vip{
    position: relative;
    overflow: hidden;
    padding: 34px 16px 42px;
    background:
      radial-gradient(1200px 420px at 50% 30%, rgba(255,255,255,.30), transparent 55%),
      linear-gradient(180deg, var(--vip-bg1), var(--vip-bg2));
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;

  }

  /* subtle dotted/texture feel */
  .vip__bg{
    position:absolute;
    inset:0;
    background:
      radial-gradient(rgba(0,0,0,.05) 1px, transparent 1px);
    background-size: 6px 6px;
    opacity: .18;
    pointer-events:none;
  }

  .vip__container{
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 14px;
  }

  /* top chevron (like reference) */
  .vip__chevron{
    width: 44px;
    height: 16px;
    position: relative;
    margin-top: -2px;
  }
  .vip__chevron::before,
  .vip__chevron::after{
    content:"";
    position:absolute;
    top: 6px;
    width: 26px;
    height: 2px;
    background: rgba(0,0,0,.65);
  }
  .vip__chevron::before{ left: 0; transform: rotate(12deg); transform-origin:left center; }
  .vip__chevron::after{ right: 0; transform: rotate(-12deg); transform-origin:right center; }

  .vip__title{
    margin: 0;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .03em;
    line-height: 1.05;
    color: var(--ink);
    font-size: clamp(26px, 3.0vw, 34px);
  }

  .vip__rule{
    width: 86px;
    height: 3px;
    background: rgba(0,0,0,.65);
    opacity: .7;
  }

  .vip__crown{
    display: grid;
    justify-items: center;
    gap: 6px;
  }

  .vip__crown img{
    width: 70px;
    height: auto;
    display:block;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
  }

  .vip__stars{
    font-size: 14px;
    letter-spacing: .18em;
    color: rgba(0,0,0,.55);
  }

  .vip__list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: .02em;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.25;
    width: min(520px, 92vw);
    text-align: left;
    justify-content: center;
    align-items: center;
  }

  .vip__list li{
    position: relative;
    padding-left: 22px;
  }

  .vip__list li::before{
    content:"✓";
    position:absolute;
    left: -13px;
    top: 5px;
    color: rgba(255,255,255,.95);
    text-shadow: 0 2px 0 rgba(0,0,0,.12);
    font-weight: 900;
  }

  /* LEFT MAN (desktop) */
  .vip__man{
    position:absolute;
    left: 0;
    bottom: 0;
    width: 320px;
    height: 100%;
    background: url("vip-man.png") left bottom / contain no-repeat;
    opacity: .9;
    filter: saturate(.95) contrast(.98);
    z-index: 1;
    pointer-events:none;
  }

  /* RIGHT CARD (desktop) */
  .vip__card{
    position:absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-40%);
    width: 260px;
    z-index: 2;
    pointer-events:none;
  }

  .vip__card img{
    width: 100%;
    height: auto;
    display:block;
    filter: drop-shadow(0 22px 38px rgba(0,0,0,.22));
    border-radius: 10px;
  }

  /* ===== MOBILE (like your 2nd screenshot: centered, no side images) ===== */
  @media (max-width: 820px){
    .vip{
      padding: 30px 16px 34px;
    }
    .vip__man,
    .vip__card{
      display:none;
    }
    .vip__list{
      text-align: left;
      justify-items: start;
    }
  }

  /* ===== DESKTOP: keep center content visually centered between man & card ===== */
  @media (min-width: 821px){
    .vip{
      padding: 44px 16px 48px;
    }
    .vip__container{
      max-width: 720px; /* like reference: content sits mid, not full width */
    }
  }

  /* small phones */
  @media (max-width: 420px){
    .vip__title{ font-size: 28px; }
    .vip__crown img{ width: 78px; }
    .vip__list{ font-size: 13px; }
  }

  .space-page-content ul li {list-style: none!important;}


  /*_________________________________________Buttons section_____________________________________*/

  .turn{
    position: relative;
    overflow:hidden;
        left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 30px 16px 26px;
    background:
      radial-gradient(1200px 420px at 50% 0%, rgba(255,255,255,.08), transparent 60%),
      linear-gradient(180deg, var(--bg1), var(--bg2));
  }

  /* background glow blobs like ref */
  .turn__bg{
    position:absolute;
    inset:0;
    background:
      radial-gradient(420px 280px at 12% 50%, rgba(0,255,120,.18), transparent 60%),
      radial-gradient(520px 320px at 90% 55%, rgba(0,255,120,.22), transparent 62%),
      radial-gradient(900px 320px at 55% 78%, rgba(255,255,255,.06), transparent 70%);
    pointer-events:none;
  }

  /* optional right art image */
  .turn__rightArt{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2026/02/device-image-2-no-bg.webp);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 830px;
    opacity: .95;
    pointer-events: none;
    z-index: 1;
    filter: drop-shadow(-20px 30px 60px rgba(0, 0, 0, .55));
  }

  .turn__container{
    position: relative;
    z-index: 2;
    max-width: var(--max);
    margin: 0 auto;
    display:grid;
    justify-items:center;
    text-align:center;
    gap: 12px;
  }

  .turn__chev{
    width: 44px;
    height: 16px;
    position: relative;
    margin-top: -2px;
  }
  .turn__chev::before,
  .turn__chev::after{
    content:"";
    position:absolute;
    top: 6px;
    width: 26px;
    height: 2px;
    background: rgba(255,255,255,.55);
  }
  .turn__chev::before{ left: 0; transform: rotate(12deg); transform-origin:left center; }
  .turn__chev::after{ right: 0; transform: rotate(-12deg); transform-origin:right center; }

  .turn__title{
    margin: 0;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--txt);
  }

  .turn__rule{
    width: 58px;
    height: 2px;
    background: rgba(255,255,255,.65);
    opacity: .75;
    margin-top: -4px;
  }

  .turn__panel{
    background: var(--panel);
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 45px rgba(0,0,0,.35);
    overflow:hidden;
  }

  .turn__cols{
    display:grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .turn__col{
    padding: 18px 18px 14px;
    display:grid;
    gap: 10px;
    justify-items:center;
  }

  .turn__kicker{
    font-size: 10px;
    letter-spacing: .06em;
    font-weight: 800;
    color: rgba(255,255,255,.85);
    text-transform: uppercase;
    line-height: 1.2;
  }

  .turn__btn{
    display:inline-block;
    min-width: 180px;
    padding: 8px 14px;
    border-radius: 3px;
    text-decoration:none;
    font-weight: 900;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: 0 10px 22px rgba(0,0,0,.25);
  }

  .turn__btn--green{
    color: #0b2413;
    background: rgba(43,210,103,.95);
    border: 1px solid rgba(43,210,103,1);
  }

  .turn__btn--yellow{
    color: #1b1b1b;
    background: rgba(214,199,91,.95);
    border: 1px solid rgba(214,199,91,1);
    line-height: 1.05;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .turn__dividerV{
    display:none;
  }

  .turn__devices{
    display:flex;
    gap: 10px;
    align-items:center;
    justify-content:center;
    padding: 12px 14px 14px;
    border-top: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
  }

  .turn__icons{
    display:flex;
    gap: 6px;
  }

  /* simple device icons via CSS */
  .dev{
    width: 18px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.8);
    border-radius: 2px;
    position: relative;
    opacity: .9;
  }
  .dev--pc{ width: 20px; }
  .dev--pc::after{
    content:"";
    position:absolute;
    left: 50%;
    bottom: -6px;
    width: 10px;
    height: 2px;
    background: rgba(255,255,255,.8);
    transform: translateX(-50%);
  }
  .dev--tab{ height: 16px; border-radius: 3px; }
  .dev--mob{ width: 12px; height: 18px; border-radius: 3px; }

  .turn__devicesText{
    font-size: 9px;
    line-height: 1.2;
    color: rgba(255,255,255,.78);
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align:left;
  }
  .turn__devicesText strong{
    color: rgba(255,255,255,.92);
    font-weight: 900;
  }

  .turn__foot{
    margin-top: 6px;
    font-size: 9px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    max-width: 980px;
  }

  /* ===== Desktop layout like ref: 2 cols inside panel ===== */
  @media (min-width: 860px){
    .turn{
      padding: 34px 16px 26px;
    }

    .turn__cols{
      grid-template-columns: 1fr 1px 1fr;
    }

    .turn__dividerV{
      display:block;
      background: rgba(255,255,255,.14);
    }

    .turn__col{
      padding: 20px 18px 16px;
    }

    /* keep the CTA visually centered on page, not dragged by right art */
    .turn__container{
      max-width: 900px;
    }
  }

  /* ===== Mobile: hide right art, make panel full width ===== */
  @media (max-width: 640px){
    .turn__rightArt{ display:none; }
    .turn__panel{ width: 100%; }
    .turn__btn{ width: min(260px, 90%); }
    .turn__devicesText{ font-size: 10px; }
  }

/*PAGE 2*/
.lp{ background:#fff;
    position: relative;
    overflow:hidden;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw; }

.lp-hero{
  background:
    radial-gradient(780px 240px at 50% 70%, rgba(255,255,255,.10), transparent 60%),
    linear-gradient(180deg, #000, #0b0b0b);
  padding: 30px 16px 34px;
  text-align:center;
}

.lp-hero__container{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  justify-items:center;
  gap:10px;
}

.lp-hero__title{
  margin:0;
  color:#eaeaea;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:2em;
  line-height:1.15;
}

.lp-hero__rule{
  width:56px;
  height:2px;
  background:#2bd267;
}

.lp-hero__cards{
  margin-top:6px;
}

.lp-hero__cards img{
  width:100%;
  display:block;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.55));
}

.lp-strip{
  background:#fff;
  border-top:1px solid rgba(0,0,0,.08);
  border-bottom:1px solid rgba(0,0,0,.08);
  padding:34px 16px;
}

.lp-strip__container{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}

.lp-points{
  display:grid;
  gap:34px;
}

.lp-point{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
}

.lp-ico{
  width:44px;
  height:44px;
  border:2px solid rgba(0,0,0,.35);
  display:grid;
  place-items:center;
  font-weight:900;
}

.lp-ico--num{
  font-size:20px;
}

.lp-text p{
  margin:0;
  color:#6a6a6a;
  font-size:12px;
  line-height:1.55;
  max-width:620px;
}

.lp-text strong{ color:#222; }
.lp-text a{ color:#1a5bd6; text-decoration:underline; }

.lp-crown{
  display:none;
  justify-self:end;
}

.lp-crown img{
  width:240px;
}

.lp-cta{
  background:
    radial-gradient(520px 240px at 50% 20%, rgba(43,210,103,.18), transparent 60%),
    linear-gradient(180deg, #000, #0b0b0b);
  padding:14px 16px 18px;
}

.lp-cta__container{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  justify-items:center;
  text-align:center;
}

.lp-cta__kicker{
  color:rgba(255,255,255,.78);
  text-transform:uppercase;
  font-weight:900;
  font-size:10px;
  letter-spacing:.06em;
  margin-bottom:8px;
}

.lp-cta__btn{
  display:inline-block;
  min-width:200px;
  padding:8px 14px;
  border-radius:3px;
  text-decoration:none;
  font-weight:900;
  font-size:11px;
  letter-spacing:.04em;
}

.lp-cta__btn--green{
  background:#2bd267;
  color:#0b2413;
}

.lp-cta__btn--yellow{
  background:#d6c75b;
  color:#191919;
}

@media (min-width:980px){
  .lp-strip__container{
    grid-template-columns:1fr 260px;
  }
  .lp-crown{ display:block; }
  .lp-cta__container{
    grid-template-columns:1fr 1fr;
    gap:80px;
  }
  .lp-points{
    padding-left:120px;
  }
}

@media (max-width:520px){
  .lp-text p{
    font-size:13px;
    line-height:1.65;
  }
}


  .status{
    position: relative;
    overflow:hidden;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    background:#e6e6e6;
    padding: 46px 16px 38px;
  }

  .status__container{
    max-width: var(--max);
    margin: 0 auto;
    text-align: center;
    display:grid;
    justify-items:center;
    gap: 14px;
  }

  .status__icon{
    margin-top: 4px;
    display:grid;
    place-items:center;
  }

  .status__iconBox{
    width: 34px;
    height: 34px;
    display:grid;
    place-items:center;
    border: 2px solid rgba(0,0,0,.35);
    color: rgba(0,0,0,.55);
    font-weight: 900;
    font-size: 14px;
    background: rgba(255,255,255,.45);
  }

  .status__title{
    margin: 0;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ink);
    font-size: clamp(16px, 2.2vw, 22px);
    line-height: 1.2;
  }

  .status__rule{
    width: 60px;
    height: 2px;
    background: var(--rule);
  }

  .status__text{
    width: min(720px, 100%);
    color: var(--muted);
    font-size: 12px;
    line-height: 1.65;
  }

  .status__text p{
    margin: 0 0 14px;
  }
  .status__text p:last-child{ margin-bottom: 0; }

  .status__text br{ display: none; } /* на мобилке не ломаем строки */

  .status__quote{
    margin-top: 6px;
    color: rgba(0,0,0,.60);
    font-size: 12px;
    letter-spacing: .02em;
    position: relative;
    display:flex;
    align-items:center;
    gap: 10px;
  }

  .status__q{
    font-size: 34px;
    line-height: 0;
    opacity: .15;
    transform: translateY(6px);
    user-select:none;
  }

  .status__art{
  }

  .status__art img{
    width: 100%;
    height: auto;
    display:block;
  }

  /* Desktop: чуть “воздуха” и как на скрине — более плотные строки */
  @media (min-width: 900px){
    .status{
      padding: 56px 16px 44px;
    }
    .status__text{
      font-size: 11px;
    }
    .status__text br{ display: inline; } /* на десктопе можно как в оригинале */
    .status__quote{
      font-size: 11px;
    }
  }

  /* Small phones: делаем текст крупнее */
  @media (max-width: 420px){
    .status__text{
      font-size: 13px;
    }
    .status__quote{
      font-size: 13px;
    }
  }

  .vippts{
    background: radial-gradient(1200px 420px at 50% 30%, rgba(255, 255, 255, .30), transparent 55%), linear-gradient(180deg, var(--vip-bg1), var(--vip-bg2));
    padding: 36px 16px 40px;
    position: relative;
    overflow:hidden;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  .vippts__container{
    max-width: var(--max);
    margin: 0 auto;
    text-align:center;
  }

  .vippts__title{
    margin: 0 0 18px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ink);
    font-size: clamp(14px, 1.9vw, 18px);
  }

  .vippts__grid{
    display:grid;
    grid-template-columns: 1fr;
    gap: 22px;
    align-items:center;
    justify-items:center;
  }

  .vippts__text{
    text-align:left;
    width: min(520px, 100%);
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
  }

  .vippts__text p{ margin: 0 0 12px; }
  .vippts__text p:last-child{ margin: 0; }

  .vippts__text strong{ color:#111; font-weight: 900; }

  .vippts__link{
    color: var(--link);
    font-weight: 900;
    text-decoration: underline;
  }

  /* diagram */
  .vippts__diagram{
    width: min(320px, 100%);
    display:grid;
    justify-items:center;
    gap: 10px;
  }

  .vippts__box{
    width: 260px;
    border: 1px solid var(--stroke);
    border-radius: 6px;
    padding: 10px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    background: rgba(255,255,255,.10);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
  }

  .vippts__boxText{
    font-weight: 900;
    letter-spacing: .04em;
    color: rgba(255,255,255,.85);
    text-transform: uppercase;
    line-height: 1.05;
    font-size: 12px;
    text-align:left;
  }

  .vippts__vip{
    font-size: 22px;
    letter-spacing: .08em;
  }

  .vippts__icon{
    width: 64px;
    height: 40px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 4px;
    opacity: .7;
    position: relative;
  }

  /* simple "slot" lines */
  .vippts__icon--slots::before{
    content:"";
    position:absolute;
    inset: 8px 10px;
    border: 2px solid rgba(255,255,255,.55);
    border-radius: 3px;
  }
  .vippts__icon--slots::after{
    content:"777";
    position:absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,.70);
    font-weight: 900;
    letter-spacing: .12em;
    font-size: 12px;
  }

  /* coins */
  .vippts__icon--coins::before{
    content:"";
    position:absolute;
    left: 18px;
    top: 10px;
    width: 28px;
    height: 20px;
    border: 2px solid rgba(255,255,255,.55);
    border-radius: 50%;
  }
  .vippts__icon--coins::after{
    content:"";
    position:absolute;
    left: 26px;
    top: 6px;
    width: 28px;
    height: 20px;
    border: 2px solid rgba(255,255,255,.35);
    border-radius: 50%;
  }

  .vippts__arrows{
    display:flex;
    gap: 16px;
  }
  .vippts__arrows span{
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid rgba(255,255,255,.75);
    filter: drop-shadow(0 2px 0 rgba(0,0,0,.10));
  }

  /* DESKTOP like screenshot: text left + diagram right */
  @media (min-width: 900px){
    .vippts{
      padding: 34px 16px 44px;
    }
    .vippts__grid{
      grid-template-columns: 1fr 340px;
      gap: 28px;
      justify-items: start;
      align-items: center;
    }
    .vippts__text{
      width: 560px;
    }
    .vippts__diagram{
      justify-self: end;
    }
  }

  /* mobile: make text readable */
  @media (max-width: 520px){
    .vippts__text{
      font-size: 13px;
      line-height: 1.7;
    }
    .vippts__box{
      width: min(280px, 92vw);
    }
  }

  .vj{
    position: relative;
    overflow:hidden;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 28px 16px 34px;
    color: var(--txt);

  }

  .vj__bg{
    position:absolute;
    inset:0;
    background:
      radial-gradient(520px 320px at 45% 25%, rgba(255,255,255,.07), transparent 62%),
      radial-gradient(640px 260px at 60% 38%, rgba(255,255,255,.05), transparent 70%);
    pointer-events:none;
    opacity:.9;
  }

  .vj__container{
    position: relative;
    z-index: 2;
    max-width: var(--max);
    margin: 0 auto;
    display:grid;
    justify-items:center;
    gap: 14px;
    text-align:center;
  }

  .vj__title{
    margin: 0;
    font-size: 2em;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .vj__rule{
    width: 64px;
    height: 2px;
    background: rgba(43,210,103,.85);
    margin-top: -6px;
  }

  .vj__top{
    width: min(920px, 100%);
    display:grid;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items:start;
    text-align:left;
  }

  .vj__badge{
    display:flex;
    justify-content:center;
  }
  .vj__badge img{
    filter: drop-shadow(0 18px 40px rgba(0,0,0,.45));
  }

  .vj__copy{
    color: white;
    line-height: 1.55;
  }
  .vj__copy p{font-size: 13px; }
  .vj__copy p:last-child{ margin: 0; }

  /* TABLE */
  .vj__tableWrap{
    width: min(920px, 100%);
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 6px;
    background: rgba(0,0,0,.25);
    box-shadow: 0 18px 45px rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.10);
  }

  .vj-table{
    width: 100%;
    border-collapse: collapse;
    min-width: 760px; /* keep columns readable, allow scroll on mobile */
    font-size: 11px;
  }

  .vj-table thead th{
    padding: 10px 10px;
    border-bottom: 1px solid var(--line);
    background: rgba(255,255,255,.05);
    text-align:center;
    vertical-align: bottom;
  }

  .vj-table__stub{
    width: 240px;
    text-align:left !important;
    background: rgba(0,0,0,.18) !important;
  }

  .vj-head{
    display:grid;
    gap: 6px;
    justify-items:center;
  }

  .vj-head__label{
    font-weight: 900;
    font-size: 10px;
    letter-spacing: .04em;
    text-transform: capitalize;
    opacity: .95;
  }

  .vj-head__card{
    width: 54px;
    height: 34px;
    border-radius: 4px;
    display:grid;
    place-items:center;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(0,0,0,.35);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
    font-size: 12px;
    color: #fff;
    opacity: .95;
  }

  .vj-head__card--bronze{ outline: 2px solid rgba(217,140,75,.7); }
  .vj-head__card--silver{ outline: 2px solid rgba(210,210,210,.45); }
  .vj-head__card--gold{ outline: 2px solid rgba(242,209,107,.55); color: var(--gold); }
  .vj-head__card--plat{ outline: 2px solid rgba(200,200,220,.40); }
  .vj-head__card--dia{ outline: 2px solid rgba(255,255,255,.35); }

  .vj-table tbody th,
  .vj-table tbody td{
    padding: 10px 10px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    border-right: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.03);
  }

  .vj-table tbody tr:nth-child(even) th,
  .vj-table tbody tr:nth-child(even) td{
    background: rgba(255,255,255,.05);
  }

  .vj-table tbody td{
    text-align:center;
    font-weight: 900;
  }

  .vj-table tbody tr:last-child th,
  .vj-table tbody tr:last-child td{
    border-bottom: 0;
  }

  .vj-table tbody td:last-child,
  .vj-table thead th:last-child{
    border-right: 0;
  }

  .vj-table__rowlab{
    text-align:left;
    font-weight: 800;
    color: rgba(255,255,255,.82);
    background: rgba(0,0,0,.18);
  }
  .vj-table__rowlab--total{
    color: rgba(255,255,255,.88);
  }

  .vj-ok{ color: var(--ok); font-size: 16px; }
  .vj-no{ color: var(--no); font-size: 16px; }

  .vj-total{
    color: #ffe26d;
    font-weight: 900;
  }

  /* FOOT */
  .vj__foot{
    width: min(920px, 100%);
    text-align:left;
    line-height: 1.55;
    margin-top: 2px;
  }
  .vj__foot p{ margin: 0 0 10px; }
  .vj__foot p:last-child{ margin: 0; }
  .vj__foot strong{ color: rgba(255,255,255,.92); }

  /* DESKTOP: badge left + text right like reference */
  @media (min-width: 980px){
    .vj__top{
      grid-template-columns: 370px 1fr;
      gap: 22px;
      align-items:start;
    }
    .vj__badge{
      justify-content:flex-start;
    }
    .vj__copy{
    }
  }

  /* MOBILE: bigger readable text */
  @media (max-width: 520px){
    .vj__copy,
    .vj__foot{
      font-size: 13px;
      line-height: 1.65;
    }
    .vj-table{
      font-size: 12px;
      min-width: 820px;
    }
  }
  /* ===== TOP ===== */
  .tol-top{
    background: url("/wp-content/uploads/2026/02/tol_bg.webp");
    padding: 124px 16px 120px;
    position: relative;
    overflow:hidden;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;

  }

  /* фоновая мозаика/коллаж сверху (замени путь) */
  .tol-top::before{
    content:"";
    position:absolute;
    left: 50%;
    top: 0;
    width: 980px;
    height: 220px;
    transform: translateX(-50%);
    background: url("tol-collage.png") center top / cover no-repeat;
    opacity: .22;
    pointer-events:none;
  }

  .tol-top__container{
    max-width: 1180px;
    margin: 0 auto;
    text-align:center;
    position: relative;
    z-index: 2;
  }

  .tol-top__title{
    margin: 0;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    color:#111;
    font-size: 16px;
    line-height: 1.2;
  }

  .tol-top__sub{
    margin: 6px 0 0;
    font-style: italic;
    color: rgba(0,0,0,.70);
    font-size: 11px;
    line-height: 1.3;
  }

  /* ===== BOTTOM ===== */
  .tol-bottom{
    background:
      radial-gradient(520px 220px at 50% 20%, rgba(255,255,255,.10), transparent 60%),
      linear-gradient(180deg, #000000, #0b0b0b);
    padding: 22px 16px 26px;
    position: relative;
    overflow:hidden;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;

  }

  .tol-bottom__container{
    max-width: 1180px;
    margin: 0 auto;
    display:grid;
    justify-items:center;
    text-align:center;
    gap: 14px;
  }

  .tol-bottom__logo{
    width: min(420px, 92vw);
    filter: drop-shadow(0 18px 40px rgba(0,0,0,.55));
  }

  .tol-bottom__logo img{
    width: 100%;
    height: auto;
    display:block;
  }

  .tol-bottom__text{
    width: min(820px, 92vw);
    font-size: 11px;
    line-height: 1.55;
    color: rgba(255,255,255,.80);
  }

  .tol-bottom__text a{
    color:#49a7ff;
    text-decoration: underline;
    font-weight: 800;
  }

  /* ===== DESKTOP ===== */
  @media (min-width: 980px){
    .tol-top{
    }

    .tol-top::before{

      height: 240px;
      opacity: .20;
    }

    .tol-top__title{
      font-size: 18px;
    }

    .tol-top__sub{
      font-size: 18px;
      color:black;
    }

    .tol-bottom{
      padding: 24px 16px 30px;
    }

    .tol-bottom__container{
      gap: 18px;
    }

    .tol-bottom__logo{
      width: 460px;
    }

    .tol-bottom__text{
      font-size: 10px;
      width: 720px;
    }
  }

  /* ===== MOBILE ===== */
  @media (max-width: 520px){
    .tol-top{
      padding: 22px 14px 18px;
    }

    .tol-top::before{
      width: 720px;
      height: 190px;
      opacity: .24;
    }

    .tol-top__title{
      font-size: 15px;
    }

    .tol-top__sub{
      font-size: 12px;
    }

    .tol-bottom__text{
      font-size: 13px;
      line-height: 1.65;
    }
  }

  .stake_reaches{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw; 
  background:
    radial-gradient(1100px 300px at 50% 40%, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.55) 100%),
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.35)),
    url("/wp-content/uploads/2026/02/reward_riches.webp");
  background-size: cover;
  background-position: center;
  padding: 70px;
}


/* контент */
.stake_reaches__content{
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0 auto;
}
.stake_reaches__content img{
width: 400px;
}

/* заголовок */
.stake_reaches__title{
  margin: 0 0 12px;
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #f3cf7a;
  text-shadow:
    0 2px 0 rgba(0,0,0,.35),
    0 10px 25px rgba(0,0,0,.35);
}

/* подзаголовок */
.stake_reaches__subtitle{
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: rgba(255,255,255,.92);
  text-shadow: 0 8px 20px rgba(0,0,0,.35);
}

/* планшет */
@media (max-width: 900px){
  .stake_reaches{
    padding: 44px 14px;
    min-height: 230px;
  }

  .stake_reaches__title{
    font-size: 26px;
  }

  .stake_reaches__subtitle{
    font-size: 16px;
  }
}

/* мобилка */
@media (max-width: 560px){
  .stake_reaches{
    padding: 34px 12px;
    min-height: 200px;
  }

  .stake_reaches__logo{
    max-height: 90px;
    margin-bottom: 14px;
  }

  .stake_reaches__title{
    font-size: 20px;
    letter-spacing: .6px;
  }

  .stake_reaches__subtitle{
    font-size: 14px;
  }
}

.stake_reaches_blocktwo{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw; 
  overflow: hidden;
  background: #dff5fb; /* светло-голубой как на скрине */
  padding: 44px 16px 0;
}
.stake_reaches_blocktwo{
  position: relative;
  overflow: hidden;
  background: #dff5fb; /* твой основной фон */
}

/* подарок */
.stake_reaches_blocktwo::before{
    content: "";
    position: absolute;
    left: 394px;
    bottom: -100px;
    width: 300px;
    height: 300px;
    background-image: url(/wp-content/uploads/2026/02/S2_PrizeBox.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    opacity: 0.35;
    pointer-events: none;
    z-index: 0;
}
@media (max-width: 768px){
  .stake_reaches_blocktwo::before{
    width: 260px;
    height: 260px;
    opacity: 0.25;
  }
}

@media (max-width: 480px){
  .stake_reaches_blocktwo::before{
    width: 180px;
    height: 180px;
    opacity: 0.2;
  }
}

/* контент поверх */
.stake_reaches_blocktwo__inner{
  position: relative;
  z-index: 2;
}

.stake_reaches_blocktwo__inner{
  width: min(1100px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 28px;
}

.stake_reaches_blocktwo__text{
  text-align: center;
  padding-top: 6px;
}

.stake_reaches_blocktwo__lead{
  margin: 0 0 14px;
  font-size: 20px;
  line-height: 1.3;
  color: #1b1b1b;
}

.stake_reaches_blocktwo__desc{
  margin: 0;
  font-size: 18px;
  line-height: 1.35;
  color: #1b1b1b;
}

.stake_reaches_blocktwo__lead strong,
.stake_reaches_blocktwo__desc strong{
  font-weight: 800;
}

/* Нижняя сцена */
.stake_reaches_blocktwo__stage{
  position: relative;
  height: 320px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 12px;
}

.stake_reaches_blocktwo__bars{
  width: min(760px, 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 26px;
}

/* Бар */
.stake_reaches_blocktwo__bar{
  position: relative;
  width: 120px;
  height: var(--h);
  border-radius: 22px 22px 14px 14px;
  background: #5b35b5; /* фиолетовый */
  box-shadow: 0 18px 30px rgba(0,0,0,.12);
  transform-origin: bottom;
  transform: scaleY(0);
  opacity: 0;
  transition:
    transform 900ms cubic-bezier(.2,.9,.2,1),
    opacity 300ms ease;
  transition-delay: var(--d);
}

/* разные цвета как в рефе */
.stake_reaches_blocktwo__bar--1{ background:#4e2aa9; }
.stake_reaches_blocktwo__bar--2{ background:#5b35b5; }
.stake_reaches_blocktwo__bar--3{ background:#6a36b6; }
.stake_reaches_blocktwo__bar--4{ background:#8f2c78; } /* ближе к розово-фиолетовому */

/* Иконка сверху: двигается вместе с ростом */
.stake_reaches_blocktwo__icon{
  position: absolute;
  left: 50%;
  bottom: calc(100% - 66px);
  transform: translate(-50%, 26px);
  width: 120px;
  height: auto;
  pointer-events: none;
  opacity: 0;
  transition:
    transform 900ms cubic-bezier(.2,.9,.2,1),
    opacity 350ms ease;
  transition-delay: var(--d);
}

/* Когда блок в зоне видимости */
.stake_reaches_blocktwo.is-inview .stake_reaches_blocktwo__bar{
  transform: scaleY(1);
  opacity: 1;
}

.stake_reaches_blocktwo.is-inview .stake_reaches_blocktwo__icon{
  transform: translate(-50%, 0px);
  opacity: 1;
}

/* Адаптив */
@media (max-width: 900px){
  .stake_reaches_blocktwo__lead{ font-size: 18px; }
  .stake_reaches_blocktwo__desc{ font-size: 16px; }

  .stake_reaches_blocktwo__stage{ height: 290px; }
  .stake_reaches_blocktwo__bar{ width: 98px; }
  .stake_reaches_blocktwo__icon{ width: 98px; bottom: calc(100% - 30px); }
  .stake_reaches_blocktwo__bars{ gap: 18px; }
}

@media (max-width: 560px){
  .stake_reaches_blocktwo{ padding: 34px 12px 0; }

  .stake_reaches_blocktwo__lead{ font-size: 16px; }
  .stake_reaches_blocktwo__desc{ font-size: 14px;
      padding-bottom: 48px !important; }

  .stake_reaches_blocktwo__stage{ height: 250px; }
  .stake_reaches_blocktwo__bar{ width: 74px; border-radius: 18px 18px 12px 12px; }
  .stake_reaches_blocktwo__icon{ width: 74px; bottom: calc(100% - 22px); }

  .stake_reaches_blocktwo__bars{ gap: 12px; }
}

.stake_reaches_blockthree{
  position: relative;
  overflow: hidden;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background:
    linear-gradient(180deg, #0b0b0b 0%, #0c2b0c 55%, #0f4d13 100%);
  padding: 70px 16px 0;
  color: #fff;
}

.stake_reaches_blockthree__inner{
  width: min(1200px, 100%);
  margin: 0 auto;
  position: relative;
}

.stake_reaches_blockthree__title{
  text-align: center;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 46px;
}

.stake_reaches_blockthree__title::after{
  content:"";
  display:block;
  width:60px;
  height:2px;
  background:#1ed760;
  margin:14px auto 0;
}

/* steps */
.stake_reaches_blockthree__steps{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
  margin-bottom: 60px;
}

.stake_reaches_blockthree__step{
  position: relative;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 6px;
  padding: 44px 22px 26px;
  text-align: center;
  transform: translateY(60px);
  transition:
    transform 700ms ease,
    opacity 400ms ease;
  transition-delay: var(--d);
}

.stake_reaches_blockthree.is-inview
.stake_reaches_blockthree__step{
  transform: translateY(0);
  opacity: 1;
}

.stake_reaches_blockthree__step p{
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}

.stake_reaches_blockthree__num{
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* нижняя сцена */
.stake_reaches_blockthree__scene{
  position: relative;
  height: 360px;
}

.stake_reaches_blockthree__screen{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 80px);
  width: min(760px, 100%);
  opacity: 0;
  transition: all 900ms ease;
}

.stake_reaches_blockthree__arrow{
  position: absolute;
  right: 14%;
  bottom: 140px;
  width: 160px;
  opacity: 0;
  transform: scale(0.8);
  transition: all 700ms ease 400ms;
}

.stake_reaches_blockthree__gift{
  position: absolute;
  right: 8%;
  bottom: 120px;
  width: 110px;
  opacity: 0;
  transform: translateY(40px);
  transition: all 700ms ease 600ms;
}

.stake_reaches_blockthree.is-inview
.stake_reaches_blockthree__screen{
  transform: translate(-50%, 0);
  opacity: 1;
}

.stake_reaches_blockthree.is-inview
.stake_reaches_blockthree__arrow{
  opacity: 1;
  transform: scale(1);
}

.stake_reaches_blockthree.is-inview
.stake_reaches_blockthree__gift{
  opacity: 1;
  transform: translateY(0);
}

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

  .stake_reaches_blockthree__scene{
  
  }

  .stake_reaches_blockthree__arrow{
    right: 50%;
    transform: translateX(50%) scale(.9);
  }

  .stake_reaches_blockthree__gift{
    right: 50%;
    transform: translate(50%,40px);
  }
}
/* =========================
   BLOCK FOUR — 3 CARDS VIEW
   background changes on slide switch
   ========================= */

.stake_reaches_blockfour{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 56px 16px 64px;
  color: #fff;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;  
}

.stake_reaches_blockfour__inner{
  width: min(1200px, 100%);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.stake_reaches_blockfour__title{
  margin: 0 0 26px;
  text-align: center;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 1.2;
}

.stake_reaches_blockfour__title::after{
  content:"";
  display:block;
  width: 72px;
  height: 2px;
  background: #22c55e;
  margin: 14px auto 0;
}

/* shell */
.stake_reaches_blockfour__slider{
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  gap: 10px;
}

/* viewport */
.stake_reaches_blockfour__viewport{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  min-height: 520px;
}

/* track: now 3 cards visible */
.stake_reaches_blockfour__track{
  display: flex;
  gap: 28px;
  padding: 40px 24px;
  transition: transform 550ms cubic-bezier(.2,.9,.2,1);
  will-change: transform;
}

/* each slide is a card */
.stake_reaches_blockfour__slide{
  position: relative;
  flex: 0 0 calc((100% - 56px) / 3);
  min-width: calc((100% - 56px) / 3);
  min-height: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* we keep ghost blocks in HTML but hide them (not needed anymore) */
.stake_reaches_blockfour__ghost{
  display: none !important;
}

/* card */
.stake_reaches_blockfour__card{
  width: 100%;
  max-width: 360px;
  min-height: 420px;
  background: rgba(45, 15, 70, .80);
  border: 2px solid rgba(255,255,255,.26);
  border-radius: 10px;
  padding: 22px 18px 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  text-align: center;
  position: relative;
}

.stake_reaches_blockfour__card::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius: 14px;
  box-shadow: 0 0 30px rgba(168, 85, 247, .55);
  opacity: .95;
  pointer-events:none;
}

.stake_reaches_blockfour__card--dark{
  background: rgba(10,10,10,.75);
}

.stake_reaches_blockfour__card--dark::after{
  box-shadow: 0 0 30px rgba(250, 204, 21, .55);
}

/* center highlight + side dim */
.stake_reaches_blockfour__slide .stake_reaches_blockfour__card{
  opacity: .22;
  transform: scale(.92);
  filter: blur(.2px);
  transition: transform 260ms ease, opacity 260ms ease, filter 260ms ease;
}

.stake_reaches_blockfour__slide.is-center .stake_reaches_blockfour__card{
  opacity: 1;
  transform: scale(1);
  filter: none;
}

.stake_reaches_blockfour__cardTitle{
  margin: 6px 0 16px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.stake_reaches_blockfour__cardMedia{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 10px 0 18px;
}

.stake_reaches_blockfour__cardMedia img{
  width: min(240px, 72%);
  height: auto;
  display: block;
}

.stake_reaches_blockfour__cardText{
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  opacity: .96;
}

/* nav */
.stake_reaches_blockfour__nav{
  height: 44px;
  width: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(0,0,0,.35);
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 160ms ease, background 160ms ease;
  z-index: 5;
}

.stake_reaches_blockfour__nav:hover{
  transform: scale(1.06);
  background: rgba(0,0,0,.5);
}

/* dots */
.stake_reaches_blockfour__dots{
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.stake_reaches_blockfour__dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.25);
  cursor: pointer;
}

.stake_reaches_blockfour__dot.is-active{
  background: rgba(255,255,255,.75);
}

/* responsive */
@media (max-width: 980px){
  .stake_reaches_blockfour__title{ font-size: 22px; }
  .stake_reaches_blockfour__viewport{ min-height: 500px; }
}

/* mobile: 1 card + swipe + dots */
@media (max-width: 820px){
  .stake_reaches_blockfour{
    padding: 44px 12px 54px;
  }

  .stake_reaches_blockfour__slider{
    grid-template-columns: 1fr;
  }

  .stake_reaches_blockfour__nav{
    display: none;
  }

  .stake_reaches_blockfour__viewport{
    min-height: 460px;
  }

  .stake_reaches_blockfour__track{
    gap: 16px;
    padding: 26px 14px;
  }

  .stake_reaches_blockfour__slide{
    flex: 0 0 100%;
    min-width: 100%;
    min-height: 460px;
  }

  .stake_reaches_blockfour__slide .stake_reaches_blockfour__card{
    opacity: 1;
    transform: none;
    filter: none;
  }

  .stake_reaches_blockfour__card{
    min-height: 410px;
    max-width: 420px;
  }
}


/* ===== Block ===== */
.stake_reaches_blockfive{
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  padding: clamp(28px, 4vw, 70px) 16px;
  background: linear-gradient(180deg, #d8ecec 0%, #6c98a0 100%);
  overflow: hidden;
  position: relative;
}

.stake_reaches_blockfive__inner{
  max-width: 1180px; /* контейнер 1180px */
  margin: 0 auto;
  position: relative;
}

.stake_reaches_blockfive__head{
  text-align: center;
  max-width: 860px;
  margin: 0 auto clamp(22px, 3vw, 40px);
}

.stake_reaches_blockfive__title{
  margin: 0;
  letter-spacing: 0.04em;
  font-weight: 900;
  font-size: clamp(22px, 3.2vw, 40px);
  color: #0c6166;
  text-transform: uppercase;
}

.stake_reaches_blockfive__line{
  width: 90px;
  height: 3px;
  background: #18c56f;
  margin: 12px auto 14px;
  border-radius: 999px;
}

.stake_reaches_blockfive__subtitle{
  margin: 0;
  font-size: clamp(14px, 1.4vw, 18px);
  color: rgba(0,0,0,.70);
}

/* ===== Grid ===== */
.stake_reaches_blockfive__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
  position: relative;
  z-index: 2; /* карточки поверх декора */
}

@media (min-width: 900px){
  .stake_reaches_blockfive__grid{
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
  }
}

/* ===== Cards ===== */
.stake_reaches_blockfive__card{
  border-radius: 16px;
  padding: 22px 22px 20px;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  position: relative;
  min-height: 220px;
}

@media (min-width: 900px){
  .stake_reaches_blockfive__card{
    min-height: 340px;
    padding: 28px 28px 24px;
  }
}

.stake_reaches_blockfive__card--pink{
  background: #f2d7fb;
  color: #4d2c5c;
}

.stake_reaches_blockfive__card--mint{
  background: #d9f1f2;
  color: #1f5c60;
}

.stake_reaches_blockfive__card--lavender{
  background: #d8d9ff;
  color: #2b2b6b;
}

/* “хвостик” снизу */
.stake_reaches_blockfive__card::after{
  content:"";
  position:absolute;
  left: 22px;
  bottom: -18px;
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 22px solid rgba(255,255,255,0.0);
}

.stake_reaches_blockfive__card--pink::after{ border-top-color:#f2d7fb; }
.stake_reaches_blockfive__card--mint::after{ border-top-color:#d9f1f2; }
.stake_reaches_blockfive__card--lavender::after{ border-top-color:#d8d9ff; }

.stake_reaches_blockfive__cardTop{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.stake_reaches_blockfive__name{
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 6px;
}

.stake_reaches_blockfive__stars{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
}

.stake_reaches_blockfive__stars--pink{ color:#ff3db8; }
.stake_reaches_blockfive__stars--green{ color:#26c24a; }
.stake_reaches_blockfive__stars--blue{ color:#3b5bff; }

.stake_reaches_blockfive__quote{
  font-weight: 900;
  font-size: 52px;
  opacity: .25;
  line-height: 1;
  margin-top: -10px;
}

.stake_reaches_blockfive__text{
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  opacity: .95;
}

@media (min-width: 900px){
  .stake_reaches_blockfive__text{
    font-size: 15px;
  }
}

/* ===== Decor layer ===== */
.stake_reaches_blockfive__decor{
  position:absolute;
  inset: 0;
  pointer-events:none;
  z-index: 1; /* декор под карточками по умолчанию */
}

/* Летающая анимация: +30px / -30px */
@keyframes stake_reaches_blockfive__float {
  0%   { transform: translate3d(0, -30px, 0); }
  50%  { transform: translate3d(0,  30px, 0); }
  100% { transform: translate3d(0, -30px, 0); }
}

.stake_reaches_blockfive__float{
  position:absolute;
  width: auto;
  height: auto;

  /* нормальный размер под контейнер 1180 */
  width: clamp(64px, 7vw, 110px);
  max-width: none;

  animation: stake_reaches_blockfive__float 4.2s ease-in-out infinite;
  filter: drop-shadow(0 14px 20px rgba(0,0,0,.20));
  opacity: .98;
  will-change: transform;
}

/* ===== Позиционирование декора (под реф / контейнер 1180) ===== */
/* CHIP слева по центру (над карточками как на рефе) */
.stake_reaches_blockfive__chip{
  left: -76px;
  top: 52%;
  transform: translateY(-50%);
  width: clamp(64px, 6.5vw, 92px);
  z-index: 3;
  animation-duration: 5.2s;
  animation-delay: -1.2s;
}

/* Верхний подарок по центру (за карточками) */
.stake_reaches_blockfive__giftTop{
  left: 50%;
  top: 84px;                 /* сидит под сабтайтлом */
  transform: translateX(-50%);
  width: clamp(68px, 6.2vw, 95px);
  z-index: 1;                 /* ВАЖНО: за карточками */
  opacity: .95;
  animation-duration: 4.6s;
  animation-delay: -0.6s;
}

/* Нижний подарок по центру */
.stake_reaches_blockfive__giftBottom{
  left: 58%;
  bottom: -65px;
  transform: translateX(-50%);
  width: clamp(70px, 6.4vw, 98px);
  z-index: 3;
  animation-duration: 5.6s;
  animation-delay: -2.0s;
}

/* Правый нижний подарок */
.stake_reaches_blockfive__giftRight{
  right: -81px;
  bottom: 115px;
  width: clamp(70px, 6.4vw, 98px);
  z-index: 3;
  animation-duration: 4.9s;
  animation-delay: -1.6s;
}

/* Bunny снизу слева */
.stake_reaches_blockfive__rabbit{
  left: 60px;
  bottom: -112px;
  width: clamp(110px, 10vw, 160px);
  z-index: 3;
  animation-duration: 4.0s;
  animation-delay: -1.0s;
}

/* ===== Responsive tweaks ===== */
@media (max-width: 900px){
  /* на планшете делаем декор спокойнее и не лезем на контент */
  .stake_reaches_blockfive__chip{
    z-index: 1;
    top: 46%;
    left: 8px;
    opacity: .75;
  }

  .stake_reaches_blockfive__giftTop{
    top: 190px;
    opacity: .75;
  }

  .stake_reaches_blockfive__giftBottom{
    left: 56%;
    bottom: 18px;
  }

  .stake_reaches_blockfive__giftRight{
    right: 12px;
    bottom: 70px;
  }

  .stake_reaches_blockfive__rabbit{
    left: 10px;
    bottom: -10px;
  }
}

@media (max-width: 520px){
  /* на телефоне убираем верхний подарок и чип, чтобы не мешали */
  .stake_reaches_blockfive__giftTop{ display:none; }
  .stake_reaches_blockfive__chip{ display:none; }

  .stake_reaches_blockfive__giftBottom{
    left: 58%;
    bottom: 10px;
  }

  .stake_reaches_blockfive__giftRight{
    right: 10px;
    bottom: 52px;
  }

  .stake_reaches_blockfive__rabbit{
    width: 110px;
  }
}

/* ===== Confetti ===== */
.stake_reaches_blockfive__confetti{
  position:absolute;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  opacity: .9;
  animation: stake_reaches_blockfive__confettiFloat 6s linear infinite;
  z-index: 2;
}

@keyframes stake_reaches_blockfive__confettiFloat{
  0%   { transform: translate3d(0,0,0) rotate(0deg); opacity: .9; }
  100% { transform: translate3d(0, -120px, 0) rotate(180deg); opacity: .0; }
}

.stake_reaches_blockfive__confetti.c1{ left: 18%; top: 70%; background:#ff3db8; animation-delay:-1.2s;}
.stake_reaches_blockfive__confetti.c2{ left: 30%; top: 76%; background:#3b5bff; animation-delay:-2.0s;}
.stake_reaches_blockfive__confetti.c3{ left: 42%; top: 72%; background:#26c24a; animation-delay:-3.0s;}
.stake_reaches_blockfive__confetti.c4{ left: 62%; top: 74%; background:#ff4d4d; animation-delay:-2.6s;}
.stake_reaches_blockfive__confetti.c5{ left: 74%; top: 78%; background:#ffd43b; animation-delay:-1.8s;}
.stake_reaches_blockfive__confetti.c6{ left: 86%; top: 70%; background:#845ef7; animation-delay:-2.9s;}

/* ===== Accessibility: respect reduced motion ===== */
@media (prefers-reduced-motion: reduce){
  .stake_reaches_blockfive__float,
  .stake_reaches_blockfive__confetti{
    animation: none !important;
  }
}
/* ===== Block ===== */
.stake_reaches_blocksix{
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  padding: clamp(26px, 3.4vw, 56px) 16px;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* мягкая виньетка как на скрине */
.stake_reaches_blocksix::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:
    radial-gradient(closest-side at 50% 50%, rgba(255,255,255,0.10), rgba(0,0,0,0.0) 55%),
    radial-gradient(closest-side at 50% 50%, rgba(0,0,0,0.0), rgba(0,0,0,0.85) 85%);
  opacity: .95;
}

.stake_reaches_blocksix__inner{
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* ===== Title ===== */
.stake_reaches_blocksix__title{
  margin: 0 0 clamp(18px, 2.2vw, 32px);
  text-align: center;
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.35;
  color: #eaeaea;
}

.stake_reaches_blocksix__titleLink{
  color: #16c36d;
  text-decoration: underline;
  font-weight: 800;
}

.stake_reaches_blocksix__titleLink:hover{
  opacity: .9;
}

.stake_reaches_blocksix__titleRest{
  font-weight: 600;
  color: #eaeaea;
}

/* ===== Grid ===== */
.stake_reaches_blocksix__grid{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(14px, 2vw, 34px);
  align-items: center;
  justify-items: center;
}

/* 3-я строка: 5 логотипов — оставляем “воздух” */
.stake_reaches_blocksix__grid > .stake_reaches_blocksix__item:nth-child(n+13){
  transform: translateX(-2%);
}

/* ===== Items ===== */
.stake_reaches_blocksix__item{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 64px;
  padding: 8px 6px;
  border-radius: 10px;
  transition: transform .18s ease, opacity .18s ease, filter .18s ease;
  opacity: .92;
}

.stake_reaches_blocksix__item:hover{
  opacity: 1;
  transform: translateY(-2px);
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.55));
}

/* Логотипы: одинаковая высота, ширина авто */
.stake_reaches_blocksix__logo{
  max-width: 100%;
  height: 52px;
  width: auto;
  object-fit: contain;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .stake_reaches_blocksix__grid{
    grid-template-columns: repeat(4, 1fr);
  }
  .stake_reaches_blocksix__grid > .stake_reaches_blocksix__item:nth-child(n+13){
    transform: none;
  }
  .stake_reaches_blocksix__logo{
    height: 48px;
  }
}

@media (max-width: 640px){
  .stake_reaches_blocksix__grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 18px;
  }
  .stake_reaches_blocksix__item{
    min-height: 56px;
  }
  .stake_reaches_blocksix__logo{
    height: 44px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .stake_reaches_blocksix__item{
    transition: none;
  }
  .stake_reaches_blocksix__item:hover{
    transform: none;
  }
}


/* ===== FAQ SECTION ===== */
.stake_faq{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

/* ===== HERO (green banner) ===== */
.stake_faq__hero{
  position: relative;
  padding: clamp(36px, 6vw, 70px) 16px;
  background: #0aa04a;
  overflow: hidden;
}

/* лёгкая имитация фоновой фотки + градиент как на скрине */
.stake_faq__hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 50% 40%, rgba(0,0,0,.0) 0%, rgba(0,0,0,.22) 55%, rgba(0,0,0,.35) 100%),
    linear-gradient(90deg, rgba(0,0,0,.10), rgba(0,0,0,.0) 35%, rgba(0,0,0,.25));
  opacity: 1;
  pointer-events:none;
}

/* “силуэт/картинка” — если захочешь, подставишь фоном */
.stake_faq__hero::after{
  content:"";
  position:absolute;
  right: 18%;
  top: -10%;
  width: 520px;
  height: 260px;
  background: radial-gradient(circle at 60% 40%, rgba(0,0,0,.22), rgba(0,0,0,0) 60%);
  opacity: .65;
  filter: blur(0.2px);
  pointer-events:none;
}

.stake_faq__heroInner{
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
}

.stake_faq__heroTitle{
  margin: 0;
  color: #fff;
  font-weight: 900;
  letter-spacing: .06em;
  font-size: clamp(16px, 2.2vw, 22px);
  text-transform: uppercase;
}

.stake_faq__heroLine{
  width: 42px;
  height: 2px;
  background: #16c36d;
  margin: 10px auto 0;
  border-radius: 999px;
}

/* ===== White area ===== */
.stake_faq__content{
  background: #ffffff;
  padding: clamp(18px, 3vw, 32px) 16px clamp(28px, 4vw, 60px);
}

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

.stake_faq__intro{
  margin: 0 0 14px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: rgba(0,0,0,.55);
}

/* ===== Collapse panels (scoped) ===== */
/* важно: все правки только внутри .stake_faq */
.stake_faq #panelsContainer{
  max-width: 560px;           /* как на скрине — узкая колонка */
  margin: 0 auto;
}

/* сброс “бутстрапных” лишних рамок */
.stake_faq .panel{
  border: 0;
  background: transparent;
  box-shadow: none;
  margin: 0 0 6px;
}

.stake_faq .panel-heading{
  padding: 0;
  background: transparent;
  border: 0;
}

.stake_faq .panel-title{
  position: relative;
  margin: 0;
  padding: 9px 14px 9px 36px;
  background: #efefef;
  border: 1px solid #d7d7d7;
  color: #111;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  user-select: none;
}

/* hover */
.stake_faq .panel-title:hover{
  background: #e9e9e9;
}

/* левая “стрелка” */
.stake_faq .panel-title > a{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  text-decoration: none;
}

/* иконка font-awesome */
.stake_faq .panel-title i.fa{
  font-size: 14px;
  color: rgba(0,0,0,.55);
  transition: transform .18s ease, color .18s ease;
  transform: rotate(180deg); /* collapsed по умолчанию (как "вниз") */
}

/* когда открыто — крутим caret */
.stake_faq .panel-title:not(.collapsed) i.fa{
  transform: rotate(0deg);
  color: rgba(0,0,0,.75);
}

/* ===== Body ===== */
.stake_faq .panel-collapse{
  border: 0;
}

.stake_faq .panel-body{
  background: #fff;
  border: 1px solid #d7d7d7;
  border-top: 0;
  padding: 12px 14px;
  font-size: 12px;
  color: rgba(0,0,0,.80);
  line-height: 1.55;
}

/* отступы между параграфами */
.stake_faq .panel-body p{
  margin: 0 0 10px;
}
.stake_faq .panel-body p:last-child{
  margin-bottom: 0;
}

/* ссылки */
.stake_faq .panel-body a{
  color: #0aa04a;
  font-weight: 700;
  text-decoration: underline;
}
.stake_faq .panel-body a:hover{
  opacity: .9;
}

/* списки */
.stake_faq .panel-body ul,
.stake_faq .panel-body ol{
  margin: 6px 0 10px 18px;
  padding: 0;
}
.stake_faq .panel-body li{
  margin: 0 0 6px;
}

/* таблицы внутри FAQ (чтоб не ломало на мобиле) */
.stake_faq .panel-body .table{
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
  font-size: 12px;
}

/* делаем таблицу скроллящейся если узко */
.stake_faq .panel-body .table{
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.stake_faq .panel-body .table thead,
.stake_faq .panel-body .table tbody{
  display: table;
  width: 100%;
  table-layout: fixed;
}

.stake_faq .panel-body .table th,
.stake_faq .panel-body .table td{
  border: 1px solid #d7d7d7;
  padding: 8px 10px;
  vertical-align: top;
  background: #fff;
}

.stake_faq .panel-body .table thead th{
  background: #f4f4f4;
  font-weight: 800;
}

/* “text-center” если у тебя бутстрап не подцеплён */
.stake_faq .text-center{
  text-align: center;
}

/* ===== Responsive ===== */
@media (max-width: 680px){
  .stake_faq #panelsContainer{
    max-width: 100%;
  }
  .stake_faq .panel-title{
    font-size: 12px;
    padding: 11px 12px 11px 38px;
  }
  .stake_faq .panel-body{
    padding: 12px 12px;
    font-size: 13px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .stake_faq .panel-title i.fa{
    transition: none;
  }
}

/* ===== VIP Block ===== */
.stake_vip{
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #ffffff;
  overflow: hidden;
}

.stake_vip__inner{
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
}

/* ===== HERO ===== */
.stake_vip__hero{
  position: relative;
      left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
  padding: 40px;
  background: linear-gradient(180deg, #d8c6ad 0%, #b59262 55%, #ffffff 56%, #ffffff 100%);
}

.stake_vip__heroOverlay{
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background:
    radial-gradient(600px 220px at 50% 14%, rgba(255,255,255,.55), rgba(255,255,255,0) 70%),
    linear-gradient(135deg, rgba(0,0,0,.08), rgba(0,0,0,0));
  mix-blend-mode: multiply;
}

.stake_vip__heroContent{
  position: relative;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.stake_vip__crown{
  width: 200px;
  height: auto;
  margin: 0 auto 10px;
  filter: drop-shadow(0 16px 18px rgba(0,0,0,.22));
}

.stake_vip__title{
  margin: 0 0 14px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: clamp(16px, 2.2vw, 22px);
  color: #111;
}

.stake_vip__activate{
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  color: #fff!important;
  padding: 10px 14px;
  border-radius: 3px;
  font-weight: 800;
  text-transform: uppercase;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

.stake_vip__activateTop{
  font-size: 10px;
  letter-spacing: .06em;
  opacity: .95;
}
.stake_vip__activateBottom{
  font-size: 11px;
  letter-spacing: .08em;
}

.stake_vip__card{
  display: block;
  width: clamp(120px, 18vw, 170px);
  height: auto;
  margin: 16px auto 10px;
  filter: drop-shadow(0 14px 20px rgba(0,0,0,.25));
}

.stake_vip__lead{
  margin: 10px 0 10px;
  font-size: clamp(14px, 1.6vw, 18px);
  font-weight: 700;
  color: #2a2a2a;
}

.stake_vip__text{
  margin: 0 auto;
  max-width: 720px;
  font-size: 13px;
  line-height: 1.65;
  color: rgba(0,0,0,.70);
}
.stake_vip__text p{
  margin: 0 0 10px;
}

.stake_vip__tagline{
  margin: 14px 0 0;
  font-size: 12px;
  color: rgba(0,0,0,.55);
}

/* ===== BENEFITS ===== */
.stake_vip__benefits{
  padding: clamp(24px, 4vw, 54px) 16px clamp(34px, 5vw, 70px);
  background: #f3f0ee;
}

.stake_vip__benefitsTitle{
  text-align: center;
  margin: 0 auto clamp(18px, 3vw, 34px);
  max-width: 860px;
  font-weight: 800;
  font-size: clamp(14px, 1.8vw, 18px);
  color: #111;
}
.stake_vip__benefitsTitle span{
  border-bottom: 2px solid #11c45c;
  padding-bottom: 2px;
}

.stake_vip__grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  max-width: 900px;
  margin: 0 auto;
}
@media (min-width: 900px){
  .stake_vip__grid{
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

.stake_vip__col{
  display: grid;
  gap: 16px;
}

.stake_vip__item{
  font-size: 12px;
  color: rgba(0,0,0,.70);
}

.stake_vip__itemTitle{
  font-weight: 900;
  color: #111;
  margin-bottom: 4px;
  font-size: 12.5px;
}

.stake_vip__itemText{
  line-height: 1.55;
}

.stake_vip__foot{
  text-align: center;
  margin-top: clamp(18px, 3vw, 32px);
}

.stake_vip__footTitle{
  font-weight: 900;
  margin-bottom: 10px;
  font-size: 13px;
  color: #111;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.stake_vip__match{
  display: inline-block;
  text-decoration: none;
  background: #11c45c;
  color: #fff;
  padding: 10px 14px;
  border-radius: 3px;
  font-weight: 800;
  font-size: 12px;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* Mobile tuning */
@media (max-width: 520px){
  .stake_vip__activate{ width: 100%; max-width: 340px; }
  .stake_vip__match{ width: 100%; max-width: 340px; }
}


.millioners_club {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #fff;
      left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Фоновая подсветка */
.millioners_club__bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 55%),
    radial-gradient(ellipse at 50% 70%, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 75%),
    linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,.75) 100%);
  pointer-events: none;
}

/* Контейнер */
.millioners_club__container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(30px, 5vw, 70px) 16px;
  min-height: clamp(380px, 50vw, 560px);

  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: clamp(18px, 2.5vw, 30px);
  text-align: center;
  align-items: center;
}

/* Заголовок */
.millioners_club__title {
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: clamp(14px, 2vw, 22px);
  line-height: 1.2;
}

/* Центр */
.millioners_club__center {
  display: grid;
  place-items: center;
}

/* Логотип */
.millioners_club__logo {
  width: min(420px, 70vw);
  height: auto;
  display: block;
  filter: drop-shadow(0 15px 35px rgba(0,0,0,.5));
}

/* Текст */
.millioners_club__content {
  max-width: 820px;
  margin: 0 auto;
  font-size: clamp(13px, 1.4vw, 15px);
  line-height: 1.5;
  opacity: .95;
}

.millioners_club__content p {
  margin: 0;
}

.millioners_club__content p + p {
  margin-top: 12px;
}

/* Планшет */
@media (max-width: 900px) {
  .millioners_club__logo {
    width: min(380px, 80vw);
  }
}

/* Мобилка */
@media (max-width: 520px) {
  .millioners_club__container {
    padding: 25px 14px 30px;
    gap: 16px;
  }

  .millioners_club__logo {
    width: 88vw;
  }

  .millioners_club__content {
    font-size: 13px;
  }
}

.millioners_club_first {
  background: #f3f3f3;
  padding: clamp(40px, 6vw, 80px) 16px;
  position: relative;
      left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

.millioners_club_first__container {
  max-width: 1200px;
  margin: 0 auto;
}

.millioners_club_first__title {
  text-align: center;
  color: #1f8b4c;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: clamp(20px, 3vw, 32px);
  margin-bottom: clamp(30px, 4vw, 50px);
}

/* GRID */
.millioners_club_first__grid {
  display: grid;
  grid-template-columns: 220px 1fr 220px;
  gap: clamp(20px, 3vw, 40px);
  align-items: start;
}

/* Картинки */
.millioners_club_first__image img {
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_first__image--left {
  align-self: start;
}

.millioners_club_first__image--right {
  align-self: end;
}

/* Контент */
.millioners_club_first__content {
  font-size: clamp(14px, 1.3vw, 16px);
  line-height: 1.6;
  color: #333;
}

.millioners_club_first__content p {
  margin: 0 0 18px;
}

/* Цитаты */
.millioners_club_first__quote {
  position: relative;
  font-style: italic;
  background: #fff;
  padding: 22px 28px;
  margin: 30px 0;
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.millioners_club_first__quote::before {
  content: "“";
  position: absolute;
  left: 12px;
  top: -10px;
  font-size: 60px;
  color: rgba(0,0,0,.08);
}

.millioners_club_first__quote::after {
  content: "”";
  position: absolute;
  right: 12px;
  bottom: -30px;
  font-size: 60px;
  color: rgba(0,0,0,.08);
}

/* Планшет */
@media (max-width: 1000px) {
  .millioners_club_first__grid {
    grid-template-columns: 180px 1fr;
  }

  .millioners_club_first__image--right {
    display: none;
  }
}

/* Мобилка */
@media (max-width: 720px) {

  .millioners_club_first__grid {
    grid-template-columns: 1fr;
  }

  .millioners_club_first__image--left {
    max-width: 260px;
    margin: 0 auto 30px;
  }

  .millioners_club_first__image--right {
    display: none;
  }

  .millioners_club_first__content {
    text-align: center;
  }

  .millioners_club_first__quote {
    padding: 18px;
    margin: 20px 0;
  }

}

.millioners_club_two{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf2ee;
  padding: clamp(36px, 5vw, 70px) 16px;
  overflow: hidden;
}

/* контейнер внутри */
.millioners_club_two__container{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* большой верхний заголовок */
.millioners_club_two__headline{
  margin: 0;
  color: #0a8f4a;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1.15;
  font-size: clamp(16px, 2.2vw, 22px);
  text-wrap: balance;
}

/* подзаголовок */
.millioners_club_two__sub{
  margin: clamp(18px, 2.6vw, 26px) 0 0;
  font-weight: 700;
  font-size: clamp(13px, 1.6vw, 15px);
  color: #0a8f4a;
}

/* цитатный блок */
.millioners_club_two__quote{
  position: relative;
  margin: clamp(18px, 3vw, 34px) auto;
  max-width: 860px;
  padding: clamp(18px, 2.4vw, 28px) clamp(16px, 3.2vw, 34px);
  background: rgba(255,255,255,.65);
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
  color: #2a2a2a;
  font-style: italic;
  line-height: 1.55;
}

/* большие декоративные кавычки */
.millioners_club_two__quote::before,
.millioners_club_two__quote::after{
  position: absolute;
  font-size: 64px;
  line-height: 1;
  color: rgba(0,0,0,.10);
  font-style: normal;
}

.millioners_club_two__quote::before{
  content: "“";
  left: 10px;
  top: -16px;
}

.millioners_club_two__quote::after{
  content: "”";
  right: 10px;
  bottom: -34px;
}

.millioners_club_two__quote p{
  margin: 0;
}

.millioners_club_two__quote p + p{
  margin-top: 14px;
}

/* строка посередине */
.millioners_club_two__mid{
  margin: 10px 0 0;
  font-weight: 800;
  color: #1f1f1f;
  font-size: clamp(14px, 1.8vw, 16px);
}

/* победитель */
.millioners_club_two__winner{
  margin: clamp(14px, 2.6vw, 22px) 0 0;
  color: #0a8f4a;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1.12;
  font-size: clamp(18px, 2.6vw, 26px);
  text-wrap: balance;
}

/* подпись */
.millioners_club_two__note{
  margin: 12px 0 0;
  color: #1f1f1f;
  font-weight: 600;
  font-size: 13px;
  opacity: .9;
}

/* видео */
.millioners_club_two__video{
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

.millioners_club_two__video_frame{
  width: min(760px, 100%);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(0,0,0,.10);
  background: #000;
}

/* responsive iframe */
.millioners_club_two__video_frame{
  position: relative;
  aspect-ratio: 16 / 9;
}

.millioners_club_two__video_frame iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* планшет */
@media (max-width: 900px){
  .millioners_club_two{
    padding: 34px 14px;
  }
  .millioners_club_two__quote::before,
  .millioners_club_two__quote::after{
    font-size: 56px;
  }
}

/* мобилка */
@media (max-width: 520px){
  .millioners_club_two__quote{
    padding: 16px 14px;
    border-radius: 8px;
  }
  .millioners_club_two__quote::before{
    left: 8px;
    top: -14px;
  }
  .millioners_club_two__quote::after{
    right: 8px;
    bottom: -30px;
  }
}
/* =========================
   MILLIONERS CLUB THREE (100vw full-bleed)
   ========================= */

.millioners_club_three{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #0b0c0e;
  color: #fff;
  overflow: hidden;
  padding: clamp(26px, 4vw, 54px) 16px;
}

/* легкая подсветка сверху */
.millioners_club_three::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
}

.millioners_club_three__container{
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}

/* верхний большой текст */
.millioners_club_three__headline{
  margin: 0 auto clamp(16px, 2.4vw, 26px);
  max-width: 980px;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1.15;
  font-size: clamp(14px, 1.55vw, 20px);
  text-wrap: balance;
}

/* сетка: видео слева, цитата справа */
.millioners_club_three__grid{
  display: grid;
  grid-template-columns: minmax(320px, 520px) 1fr;
  gap: clamp(18px, 3vw, 44px);
  align-items: center;
}

/* видео/картинка */
.millioners_club_three__media{
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
}

/* если внутри iframe */
.millioners_club_three__media{
  position: relative;
  aspect-ratio: 16 / 9;
}

.millioners_club_three__media iframe,
.millioners_club_three__media img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  object-fit: cover;
}

/* правый контент */
.millioners_club_three__content{
  max-width: 620px;
}

/* большая цитата с кавычками */
.millioners_club_three__quote{
  position: relative;
  margin: 0 0 14px;
  padding: 18px 18px 18px 44px;
  font-style: italic;
  line-height: 1.55;
  font-size: clamp(13px, 1.15vw, 16px);
  color: rgba(255,255,255,.92);
}

.millioners_club_three__quote::before{
  content: "“";
  position: absolute;
  left: 10px;
  top: -6px;
  font-size: 56px;
  line-height: 1;
  color: rgba(255,255,255,.25);
  font-style: normal;
}

.millioners_club_three__quote::after{
  content: "”";
  position: absolute;
  right: 6px;
  bottom: -30px;
  font-size: 56px;
  line-height: 1;
  color: rgba(255,255,255,.25);
  font-style: normal;
}

/* обычный текст ниже */
.millioners_club_three__text{
  margin: 0;
  font-size: clamp(12px, 1.05vw, 14px);
  line-height: 1.55;
  color: rgba(255,255,255,.82);
}

.millioners_club_three__text + .millioners_club_three__text{
  margin-top: 10px;
}

/* ====== Tablet ====== */
@media (max-width: 980px){
  .millioners_club_three__grid{
    grid-template-columns: 1fr;
  }

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

  .millioners_club_three__quote{
    padding: 16px 16px 16px 36px;
    text-align: center;
  }

  .millioners_club_three__quote::before{
    left: 8px;
  }
}

/* ====== Mobile ====== */
@media (max-width: 520px){
  .millioners_club_three{
    padding: 22px 14px 28px;
  }

  .millioners_club_three__headline{
    letter-spacing: .04em;
  }

  .millioners_club_three__media{
    border-radius: 8px;
  }

  .millioners_club_three__quote::before,
  .millioners_club_three__quote::after{
    font-size: 48px;
  }

  .millioners_club_three__quote::after{
    bottom: -26px;
  }
}
/* =========================
   MILLIONERS CLUB FOUR (100vw)
   ========================= */

.millioners_club_four{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #f3f4f4;
  padding: clamp(40px, 6vw, 80px) 16px;
  overflow: hidden;
}

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

/* headline */
.millioners_club_four__headline{
  margin: 0 auto clamp(36px, 5vw, 60px);
  max-width: 1000px;
  text-align: center;
  color: #0c9a47;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: 1.15;
  font-size: clamp(16px, 2.1vw, 26px);
  text-wrap: balance;
}

/* grid */
.millioners_club_four__grid{
  display: grid;
  grid-template-columns: 1fr minmax(320px, 520px);
  gap: clamp(24px, 4vw, 60px);
  align-items: start;
}

/* text content */
.millioners_club_four__content{
  max-width: 640px;
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.65;
  color: #3a3a3a;
}

.millioners_club_four__text{
  margin: 0 0 18px;
}

/* quotes */
.millioners_club_four__quote{
  position: relative;
  font-style: italic;
  margin: 28px 0;
  padding: 0 30px;
  color: #5a5a5a;
  font-size: clamp(15px, 1.3vw, 18px);
}

.millioners_club_four__quote::before{
  content: "“";
  position: absolute;
  left: 0;
  top: -8px;
  font-size: 60px;
  color: rgba(0,0,0,.08);
}

.millioners_club_four__quote::after{
  content: "”";
  position: absolute;
  right: 0;
  bottom: -20px;
  font-size: 60px;
  color: rgba(0,0,0,.08);
}

.millioners_club_four__quote--center{
  text-align: center;
  font-weight: 600;
  font-style: normal;
  color: #555;
}

/* media */
.millioners_club_four__media{
  position: relative;
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 18px 45px rgba(0,0,0,.15);
  aspect-ratio: 16 / 9;
  text-decoration: none;
}

.millioners_club_four__media img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* badge */
.millioners_club_four__media_badge{
  position: absolute;
  left: 14px;
  bottom: 14px;
  padding: 10px 14px 10px 60px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: rgba(0,0,0,.6);
  border-radius: 999px;
}

/* play */
.millioners_club_four__media_play{
  position: absolute;
  left: 18px;
  bottom: 18px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(255,255,255,.2);
}

.millioners_club_four__media_play::before{
  content:"";
  position:absolute;
  left: 15px;
  top: 11px;
  border-left: 14px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* ===== Tablet ===== */
@media (max-width: 980px){

  .millioners_club_four__grid{
    grid-template-columns: 1fr;
  }

  .millioners_club_four__content{
    max-width: 760px;
    margin: 0 auto;
  }

  .millioners_club_four__media{
    max-width: 760px;
    margin: 0 auto;
  }

}

/* ===== Mobile ===== */
@media (max-width: 520px){

  .millioners_club_four{
    padding: 32px 14px 40px;
  }

  .millioners_club_four__headline{
    letter-spacing: .03em;
  }

  .millioners_club_four__quote{
    padding: 0 18px;
  }

  .millioners_club_four__quote::before,
  .millioners_club_four__quote::after{
    font-size: 48px;
  }

}
/* =========================
   MILLIONERS CLUB FIVE (100vw)
   ========================= */

.millioners_club_five{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf2ee;
  padding: clamp(40px, 6vw, 80px) 16px;
  overflow: hidden;
}

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

/* headline */
.millioners_club_five__headline{
  margin: 0 auto 18px;
  max-width: 980px;
  text-align: center;
  color: #0c9a47;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: 1.12;
  font-size: clamp(18px, 2.4vw, 30px);
  text-wrap: balance;
}

/* intro */
.millioners_club_five__intro{
  max-width: 900px;
  margin: 0 auto clamp(20px, 3vw, 34px);
  color: #2f2f2f;
  font-size: clamp(13px, 1.2vw, 15px);
  line-height: 1.65;
  text-align: center;
}

.millioners_club_five__intro p{
  margin: 0 0 10px;
}

.millioners_club_five__intro_strong{
  font-weight: 800;
}

/* top grid */
.millioners_club_five__grid{
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: clamp(18px, 3vw, 44px);
  align-items: start;
  margin-top: 8px;
}

/* left column */
.millioners_club_five__side{
  display: grid;
  gap: 14px;
}

.millioners_club_five__photo,
.millioners_club_five__check{
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
}

.millioners_club_five__photo img,
.millioners_club_five__check img{
  width: 100%;
  height: auto;
  display: block;
}

/* media */
.millioners_club_five__media{
  position: relative;
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 18px 45px rgba(0,0,0,.14);
  aspect-ratio: 16 / 9;
  text-decoration: none;
}

.millioners_club_five__media_img{
 
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(1.05) contrast(1.05);
  transition: transform .25s ease, filter .25s ease;
}

/* play */
.millioners_club_five__media_play{
  position: absolute;
  left: 18px;
  bottom: 18px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}

.millioners_club_five__media_play::before{
  content:"";
  position:absolute;
  left: 16px;
  top: 12px;
  border-left: 14px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

/* badge */
.millioners_club_five__media_badge{
  position: absolute;
  left: 14px;
  bottom: 14px;
  padding: 10px 14px 10px 64px;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  background: rgba(0,0,0,.62);
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.millioners_club_five__media:hover .millioners_club_five__media_img{
  transform: scale(1.03);
  filter: saturate(1.1) contrast(1.08);
}

/* win title */
.millioners_club_five__win_title{
  margin: clamp(26px, 4vw, 40px) 0 6px;
  text-align: center;
  color: #0c9a47;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: clamp(18px, 2.2vw, 28px);
}

.millioners_club_five__win_sub{
  margin: 0 0 22px;
  text-align: center;
  color: #2f2f2f;
  font-size: 13px;
}

/* dialogue */
.millioners_club_five__dialogue{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* lines */
.millioners_club_five__line{
  margin: 0 auto 12px;
  max-width: 900px;
  line-height: 1.6;
  font-size: clamp(13px, 1.2vw, 15px);
}

/* host (зелёный, как на макете) */
.millioners_club_five__line--host{
  color: #0c9a47;
  font-weight: 800;
  font-style: italic;
}

/* guest (серый) */
.millioners_club_five__line--guest{
  color: #4b4b4b;
  font-style: italic;
}

/* финальный блок цитаты */
.millioners_club_five__final_quote{
  position: relative;
  margin: 26px auto 0;
  max-width: 980px;
  padding: clamp(18px, 2.6vw, 28px) clamp(16px, 3vw, 34px);
  background: rgba(255,255,255,.55);
  border-radius: 10px;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
  color: #3b3b3b;
  text-align: center;
}

.millioners_club_five__final_quote::after{
  content:"”";
  position:absolute;
  right: 12px;
  bottom: -28px;
  font-size: 56px;
  color: rgba(0,0,0,.10);
}

.millioners_club_five__final_quote p{
  margin: 0;
  line-height: 1.65;
  font-size: clamp(13px, 1.15vw, 15px);
}

.millioners_club_five__final_quote p + p{
  margin-top: 10px;
}

/* ===== Tablet ===== */
@media (max-width: 980px){
  .millioners_club_five__grid{
    grid-template-columns: 1fr;
  }

  .millioners_club_five__side{
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

/* ===== Mobile ===== */
@media (max-width: 560px){
  .millioners_club_five{
    padding: 34px 14px 46px;
  }

  .millioners_club_five__side{
    grid-template-columns: 1fr;
  }

  .millioners_club_five__media_badge{
    font-size: 11px;
    padding: 9px 12px 9px 58px;
  }

  .millioners_club_five__media_play{
    width: 40px;
    height: 40px;
  }

  .millioners_club_five__media_play::before{
    left: 15px;
    top: 11px;
    border-left-width: 13px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
}
/* =========================
   MILLIONERS CLUB SIX (100vw)
   ========================= */

.millioners_club_six{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #0b0c0e;
  color: #fff;
  overflow: hidden;
  padding: clamp(26px, 4vw, 56px) 16px;
}

/* лёгкая подсветка */
.millioners_club_six::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,.75) 100%);
  pointer-events:none;
}

.millioners_club_six__container{
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}

/* headline */
.millioners_club_six__headline{
  margin: 0 auto clamp(18px, 2.6vw, 28px);
  max-width: 980px;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1.15;
  font-size: clamp(14px, 1.55vw, 20px);
  text-wrap: balance;
}

/* top row: quote + media */
.millioners_club_six__top{
  display: grid;
  grid-template-columns: 1fr minmax(320px, 520px);
  gap: clamp(18px, 3vw, 42px);
  align-items: center;
  margin-bottom: clamp(18px, 2.8vw, 28px);
}

/* quotes */
.millioners_club_six__quote{
  position: relative;
  margin: 0;
  padding: 18px 18px 18px 44px;
  font-style: italic;
  line-height: 1.55;
  font-size: clamp(13px, 1.15vw, 16px);
  color: rgba(255,255,255,.92);
  max-width: 700px;
}

.millioners_club_six__quote::before{
  content: "“";
  position: absolute;
  left: 10px;
  top: -6px;
  font-size: 56px;
  line-height: 1;
  color: rgba(255,255,255,.22);
  font-style: normal;
}

.millioners_club_six__quote::after{
  content: "”";
  position: absolute;
  right: 6px;
  bottom: -30px;
  font-size: 56px;
  line-height: 1;
  color: rgba(255,255,255,.22);
  font-style: normal;
}

/* body text */
.millioners_club_six__body{
  max-width: 980px;
  margin: 0 auto;
}

.millioners_club_six__text{
  margin: 0 0 14px;
  font-size: clamp(12px, 1.05vw, 14px);
  line-height: 1.6;
  color: rgba(255,255,255,.82);
}

.millioners_club_six__text strong{
  color: rgba(255,255,255,.94);
}

/* link style (как выделение в тексте) */
.millioners_club_six__link{
  font-weight: 900;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* media */
.millioners_club_six__media{
  position: relative;
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 18px 45px rgba(0,0,0,.38);
  aspect-ratio: 16 / 9;
  text-decoration: none;
}

.millioners_club_six__media_img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(1.05) contrast(1.05);
  transition: transform .25s ease, filter .25s ease;
}

/* play + badge */
.millioners_club_six__media_play{
  position: absolute;
  left: 18px;
  bottom: 18px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}

.millioners_club_six__media_play::before{
  content:"";
  position:absolute;
  left: 16px;
  top: 12px;
  border-left: 14px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

.millioners_club_six__media_badge{
  position: absolute;
  left: 14px;
  bottom: 14px;
  padding: 10px 14px 10px 64px;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  background: rgba(0,0,0,.62);
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.millioners_club_six__media:hover .millioners_club_six__media_img{
  transform: scale(1.03);
  filter: saturate(1.1) contrast(1.08);
}

/* ===== Tablet ===== */
@media (max-width: 980px){
  .millioners_club_six__top{
    grid-template-columns: 1fr;
  }

  .millioners_club_six__quote{
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    padding: 16px 16px 16px 36px;
  }

  .millioners_club_six__quote::before{
    left: 8px;
  }

  .millioners_club_six__media{
    max-width: 760px;
    margin: 0 auto;
  }

  .millioners_club_six__body{
    text-align: center;
  }
}

/* ===== Mobile ===== */
@media (max-width: 520px){
  .millioners_club_six{
    padding: 22px 14px 30px;
  }

  .millioners_club_six__headline{
    letter-spacing: .04em;
  }

  .millioners_club_six__media_badge{
    font-size: 11px;
    padding: 9px 12px 9px 58px;
  }

  .millioners_club_six__media_play{
    width: 40px;
    height: 40px;
  }

  .millioners_club_six__media_play::before{
    left: 15px;
    top: 11px;
    border-left-width: 13px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }

  .millioners_club_six__quote::before,
  .millioners_club_six__quote::after{
    font-size: 48px;
  }

  .millioners_club_six__quote::after{
    bottom: -26px;
  }
}

/* =========================
   MILLIONERS CLUB SEVEN (100vw)
   ========================= */

.millioners_club_seven{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #f4f5f5;
  color: #2f2f2f;
  overflow: hidden;
  padding: clamp(40px, 6vw, 80px) 16px;
}

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

/* headline */
.millioners_club_seven__headline{
  margin: 0 auto clamp(18px, 3vw, 28px);
  max-width: 1040px;
  text-align: center;
  color: #0c9a47;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: 1.12;
  font-size: clamp(18px, 2.4vw, 30px);
  text-wrap: balance;
}

/* base text */
.millioners_club_seven__text{
  margin: 0 0 14px;
  font-size: clamp(13px, 1.15vw, 15px);
  line-height: 1.65;
  color: #3b3b3b;
}

.millioners_club_seven__text--center{
  max-width: 980px;
  margin: 16px auto;
  text-align: center;
}

/* quotes */
.millioners_club_seven__quote{
  position: relative;
  margin: 24px auto;
  max-width: 980px;
  padding: 0 34px;
  font-style: italic;
  line-height: 1.55;
  font-size: clamp(15px, 1.35vw, 18px);
  color: #5a5a5a;
  text-align: center;
}

.millioners_club_seven__quote::before{
  content:"“";
  position:absolute;
  left: 0;
  top: -10px;
  font-size: 64px;
  color: rgba(0,0,0,.08);
  font-style: normal;
}

.millioners_club_seven__quote::after{
  content:"”";
  position:absolute;
  right: 0;
  bottom: -22px;
  font-size: 64px;
  color: rgba(0,0,0,.08);
  font-style: normal;
}

.millioners_club_seven__quote--center{
  margin-top: 6px;
}

/* top row */
.millioners_club_seven__top{
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: clamp(18px, 3vw, 44px);
  align-items: center;
  margin: 10px 0 8px;
}

.millioners_club_seven__textblock{
  max-width: 640px;
}

/* right media (JT interview) */
.millioners_club_seven__side_media{
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
  text-decoration: none;
}

.millioners_club_seven__side_media_img{
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_seven__side_media_badge{
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 10px 14px 10px 60px;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  background: rgba(18,143,74,.92);
  border-radius: 999px;
}

.millioners_club_seven__side_media_play{
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  backdrop-filter: blur(6px);
}

.millioners_club_seven__side_media_play::before{
  content:"";
  position:absolute;
  left: 15px;
  top: 11px;
  border-left: 14px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* center media */
.millioners_club_seven__center_media{
  position: relative;
  display: block;
  width: min(760px, 100%);
  margin: 8px auto 0;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
  aspect-ratio: 16 / 9;
  text-decoration: none;
}

.millioners_club_seven__center_media_img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.millioners_club_seven__center_media_badge{
  position: absolute;
  left: 14px;
  bottom: 14px;
  padding: 10px 14px 10px 64px;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  background: rgba(18,143,74,.92);
  border-radius: 999px;
}

.millioners_club_seven__center_media_play{
  position: absolute;
  left: 18px;
  bottom: 18px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  backdrop-filter: blur(6px);
}

.millioners_club_seven__center_media_play::before{
  content:"";
  position:absolute;
  left: 16px;
  top: 12px;
  border-left: 14px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

/* bottom row */
.millioners_club_seven__bottom{
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: clamp(18px, 3vw, 44px);
  align-items: center;
  margin-top: 18px;
}

.millioners_club_seven__bottom_photo{
  display: grid;
  place-items: center;
}

.millioners_club_seven__bottom_photo img{
  width: min(320px, 100%);
  height: auto;
  display: block;
}

.millioners_club_seven__bottom_content{
  max-width: 760px;
}

.millioners_club_seven__link{
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #2f2f2f;
}

/* ===== Tablet ===== */
@media (max-width: 980px){
  .millioners_club_seven__top{
    grid-template-columns: 1fr;
    text-align: center;
  }

  .millioners_club_seven__textblock{
    max-width: 860px;
    margin: 0 auto;
  }

  .millioners_club_seven__side_media{
    max-width: 380px;
    margin: 0 auto;
  }

  .millioners_club_seven__bottom{
    grid-template-columns: 1fr;
    text-align: center;
  }

  .millioners_club_seven__bottom_content{
    margin: 0 auto;
  }
}

/* ===== Mobile ===== */
@media (max-width: 560px){
  .millioners_club_seven{
    padding: 34px 14px 46px;
  }

  .millioners_club_seven__quote{
    padding: 0 18px;
  }

  .millioners_club_seven__quote::before,
  .millioners_club_seven__quote::after{
    font-size: 48px;
  }

  .millioners_club_seven__side_media_badge{
    font-size: 11px;
    padding: 9px 12px 9px 58px;
  }

  .millioners_club_seven__center_media_badge{
    font-size: 11px;
    padding: 9px 12px 9px 58px;
  }

  .millioners_club_seven__side_media_play,
  .millioners_club_seven__center_media_play{
    width: 40px;
    height: 40px;
  }

  .millioners_club_seven__side_media_play::before,
  .millioners_club_seven__center_media_play::before{
    left: 15px;
    top: 11px;
    border-left-width: 13px;
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
}
/* =========================
   MILLIONERS CLUB — EIGHT
   ========================= */

.millioners_club_eight{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_eight__container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_eight__title{
  margin: 0 auto 26px;
  max-width: 980px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_eight__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.6;
  margin: 12px 0;
}

.millioners_club_eight__link{
  color:#0a8f43;
  text-decoration: underline;
}

/* blocks */
.millioners_club_eight__block{
  display: grid;
  grid-template-columns: 1.25fr .95fr;
  gap: 28px;
  align-items: start;
  margin: 22px 0 30px;
}

.millioners_club_eight__content{
  min-width: 0;
}

/* quote */
.millioners_club_eight__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 10px 36px;
  margin: 18px 0;
}

.millioners_club_eight__quote:before,
.millioners_club_eight__quote:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .25;
  color: #bfcac3;
}

.millioners_club_eight__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_eight__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

/* small quote */
.millioners_club_eight__quote--small{
  max-width: 720px;
  margin: 18px auto;
  padding: 8px 34px;
}

.millioners_club_eight__quote--right{
  text-align: left;
}

/* media (clickable preview style) */
.millioners_club_eight__media{
  position: relative;
  display:block;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
  text-decoration: none;
}

.millioners_club_eight__media img,
.millioners_club_eight__media video{
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_eight__media_badge{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 999px;

  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.millioners_club_eight__media_play{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;

  width: 34px;
  height: 34px;
  border-radius: 999px;

  background: rgba(0,0,0,.55);
}

.millioners_club_eight__media_play:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* center media */
.millioners_club_eight__media_center{
  max-width: 520px;
  margin: 26px auto;
}

/* photo block right */
.millioners_club_eight__photo{
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
}

.millioners_club_eight__photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* final row */
.millioners_club_eight__final{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: center;
  margin-top: 26px;
}

.millioners_club_eight__final_media{
  border-radius: 10px;
  overflow:hidden;
  background: rgba(0,0,0,.06);
}

.millioners_club_eight__final_media img{
  width:100%;
  height:auto;
  display:block;
}

.millioners_club_eight__final_quote{
  min-width:0;
}

/* footer */
.millioners_club_eight__footer{
  margin-top: 22px;
  font-size: 13px;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_eight{
    padding: 40px 0 56px;
  }

  .millioners_club_eight__title{
    font-size: 24px;
    max-width: 920px;
  }

  .millioners_club_eight__block{
    grid-template-columns: 1.15fr 1fr;
    gap: 22px;
  }

  .millioners_club_eight__final{
    grid-template-columns: 1fr 1fr;
    gap: 22px;
  }
}

@media (max-width: 768px){
  .millioners_club_eight{
    padding: 34px 0 46px;
  }

  .millioners_club_eight__container{
    padding: 0 16px;
  }

  .millioners_club_eight__title{
    font-size: 20px;
    line-height: 1.15;
    margin-bottom: 18px;
  }

  .millioners_club_eight__block{
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 18px 0 24px;
  }

  .millioners_club_eight__final{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_eight__quote{
    padding: 10px 28px;
    margin: 14px 0;
  }

  .millioners_club_eight__quote:before,
  .millioners_club_eight__quote:after{
    font-size: 44px;
  }

  .millioners_club_eight__media_badge{
    font-size: 11px;
    padding: 7px 10px;
  }

  .millioners_club_eight__media_center{
    max-width: 100%;
  }
}

@media (max-width: 480px){
  .millioners_club_eight__title{
    font-size: 18px;
  }

  .millioners_club_eight__text{
    font-size: 13px;
  }

  .millioners_club_eight__media_badge{
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 56px);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .millioners_club_eight__media_play{
    right: 8px;
    bottom: 8px;
  }
}
/* =========================
   MILLIONERS CLUB — NINE
   Fullwidth section + responsive layout (dark version)
   ========================= */

/* MAIN FULLWIDTH SECTION (как ты просил) */
.millioners_club_nine{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #000;
  color: #fff;
  padding: 54px 0 72px;
  overflow: hidden;
}

/* inner container */
.millioners_club_nine__container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* TITLE */
.millioners_club_nine__title{
  margin: 0 auto 28px;
  max-width: 980px;

  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #fff;
}

/* COMMON TEXT */
.millioners_club_nine__text{
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.65;
  margin: 12px 0;
}

/* links */
.millioners_club_nine__link{
  color: #63ff8a;
  text-decoration: underline;
}

/* =========================
   TOP BLOCK (media + story)
   ========================= */

.millioners_club_nine__top{
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 28px;
  align-items: start;
  margin-top: 18px;
}

.millioners_club_nine__content{
  min-width: 0;
}

.millioners_club_nine__media{
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  text-decoration: none;
  transform: translateZ(0);
}

.millioners_club_nine__media img,
.millioners_club_nine__media video{
  width: 100%;
  height: auto;
  display: block;
}

/* badge + play */
.millioners_club_nine__media_badge{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 999px;

  background: rgba(0,0,0,.6);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.millioners_club_nine__media_play{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;

  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(0,0,0,.6);
}

.millioners_club_nine__media_play:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;

  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* =========================
   QUOTES (big italic blocks)
   ========================= */

.millioners_club_nine__quote{
  position: relative;
  font-style: italic;
  color: rgba(255,255,255,.92);
  text-align: center;
  padding: 10px 44px;
  margin: 18px 0 20px;
}

.millioners_club_nine__quote:before,
.millioners_club_nine__quote:after{
  position: absolute;
  font-size: 58px;
  line-height: 1;
  opacity: .22;
  color: rgba(255,255,255,.45);
}

.millioners_club_nine__quote:before{
  content: "“";
  left: 0;
  top: -14px;
}

.millioners_club_nine__quote:after{
  content: "”";
  right: 0;
  bottom: -24px;
}

/* variants */
.millioners_club_nine__quote--small{
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================
   MID BLOCK (photo + quotes)
   ========================= */

.millioners_club_nine__mid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: center;
  margin: 18px 0 26px;
}

.millioners_club_nine__photo{
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  max-width: 400px;
}

.millioners_club_nine__photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* right side quote stack */
.millioners_club_nine__quote_stack{
  display: grid;
  gap: 14px;
}

/* =========================
   BOTTOM BLOCK (text + large cutout)
   ========================= */

.millioners_club_nine__bottom{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: start;
  margin-top: 18px;
}

.millioners_club_nine__cutout{
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
}

.millioners_club_nine__cutout img{
  width: 100%;
  height: auto;
  display: block;
  max-width: 260px;
}

/* footer note */
.millioners_club_nine__footer{
  margin-top: 22px;
  font-size: 13px;
  color: rgba(255,255,255,.85);
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_nine{
    padding: 44px 0 62px;
  }

  .millioners_club_nine__title{
    font-size: 24px;
    max-width: 980px;
  }

  .millioners_club_nine__top{
    grid-template-columns: 1fr 1.1fr;
    gap: 22px;
  }

  .millioners_club_nine__mid,
  .millioners_club_nine__bottom{
    gap: 22px;
  }
}

@media (max-width: 768px){
  .millioners_club_nine{
    padding: 34px 0 50px;
  }

  .millioners_club_nine__container{
    padding: 0 16px;
  }

  .millioners_club_nine__title{
    font-size: 20px;
    line-height: 1.15;
    margin-bottom: 18px;
  }

  .millioners_club_nine__top,
  .millioners_club_nine__mid,
  .millioners_club_nine__bottom{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_nine__quote{
    padding: 10px 30px;
    margin: 14px 0 16px;
  }

  .millioners_club_nine__quote:before,
  .millioners_club_nine__quote:after{
    font-size: 44px;
  }

  .millioners_club_nine__media_badge{
    font-size: 11px;
    padding: 7px 10px;
  }
}

@media (max-width: 480px){
  .millioners_club_nine__title{
    font-size: 18px;
  }

  .millioners_club_nine__text{
    font-size: 13px;
  }

  .millioners_club_nine__media_badge{
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 56px);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .millioners_club_nine__media_play{
    right: 8px;
    bottom: 8px;
  }
}

/* =========================
   MILLIONERS CLUB — TEN
   ========================= */

.millioners_club_ten{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_ten__container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_ten__title{
  margin: 0 auto 26px;
  max-width: 980px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_ten__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.65;
  margin: 12px 0;
}

/* GRID BLOCKS */

.millioners_club_ten__top{
  display: grid;
  gap: 28px;
  margin-bottom: 24px;
}

.millioners_club_ten__mid,
.millioners_club_ten__bottom{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 22px;
}

/* QUOTES */

.millioners_club_ten__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 10px 36px;
  margin: 18px 0;
}

.millioners_club_ten__quote:before,
.millioners_club_ten__quote:after{
  position: absolute;
  font-size: 56px;
  opacity: .25;
  color: #bfcac3;
}

.millioners_club_ten__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_ten__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

.millioners_club_ten__quote--small{
  max-width: 860px;
  margin: 18px auto;
}

.millioners_club_ten__quote--right{
  text-align: left;
}

/* MEDIA */

.millioners_club_ten__media{
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}

.millioners_club_ten__media img{
  width: 100%;
  display: block;
}

.millioners_club_ten__media_badge{
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 12px;
}

.millioners_club_ten__media_play{
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(0,0,0,.55);
}

.millioners_club_ten__media_play:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* IMAGES */

.millioners_club_ten__cheque img,
.millioners_club_ten__photo img{
  width: 100%;
  display: block;
  border-radius: 10px;
}

/* RESPONSIVE */

@media (max-width: 768px){

  .millioners_club_ten__title{
    font-size: 20px;
  }

  .millioners_club_ten__top,
  .millioners_club_ten__mid,
  .millioners_club_ten__bottom{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .millioners_club_ten__quote:before,
  .millioners_club_ten__quote:after{
    font-size: 42px;
  }

}
.millioners_club_ten__qa_q,.millioners_club_ten__qa_a {color:black;}

/* =========================
   MILLIONERS CLUB — ELEVEN
   Centered text block (no media) + responsive
   ========================= */

.millioners_club_eleven{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_eleven__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_eleven__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_eleven__divider{
  width: 110px;
  height: 2px;
  background: rgba(10,143,67,.45);
  margin: 10px auto 18px;
}

.millioners_club_eleven__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

.millioners_club_eleven__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 12px 42px;
  margin: 18px 0;
}

.millioners_club_eleven__quote:before,
.millioners_club_eleven__quote:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .22;
  color: #bfcac3;
}

.millioners_club_eleven__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_eleven__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

.millioners_club_eleven__quote--center{
  margin-top: 8px;
}

.millioners_club_eleven__cta{
  display: inline-block;
  margin: 14px auto 6px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(10,143,67,.12);
  color: #0a8f43;
  text-decoration: underline;
  font-weight: 800;
  text-align: center;
}

.millioners_club_eleven__cta_note{
  text-align: center;
  margin-top: 0;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_eleven{
    padding: 40px 0 56px;
  }
  .millioners_club_eleven__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_eleven{
    padding: 34px 0 46px;
  }
  .millioners_club_eleven__container{
    padding: 0 16px;
  }
  .millioners_club_eleven__title{
    font-size: 20px;
    line-height: 1.15;
  }
  .millioners_club_eleven__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }
  .millioners_club_eleven__quote:before,
  .millioners_club_eleven__quote:after{
    font-size: 44px;
  }
}

@media (max-width: 480px){
  .millioners_club_eleven__title{
    font-size: 18px;
  }
  .millioners_club_eleven__text{
    font-size: 13px;
  }
}
/* =========================
   MILLIONERS CLUB — TWELVE
   Dark story layout + responsive
   ========================= */

.millioners_club_twelve{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #000;
  color: #fff;
  padding: 54px 0 72px;
  overflow: hidden;
}

.millioners_club_twelve__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_twelve__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #fff;
}

.millioners_club_twelve__divider{
  width: 110px;
  height: 2px;
  background: rgba(99,255,138,.55);
  margin: 10px auto 22px;
}

/* top block */
.millioners_club_twelve__top{
  display: grid;
  gap: 28px;
  align-items: start;
  margin: 18px 0 26px;
}

.millioners_club_twelve__content{
  min-width: 0;
}

/* text */
.millioners_club_twelve__text{
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

.millioners_club_twelve__link{
  color: #63ff8a;
  text-decoration: underline;
}

/* quotes */
.millioners_club_twelve__quote{
  position: relative;
  font-style: italic;
  color: rgba(255,255,255,.92);
  text-align: center;
  padding: 12px 44px;
  margin: 18px 0;
}

.millioners_club_twelve__quote:before,
.millioners_club_twelve__quote:after{
  position: absolute;
  font-size: 58px;
  line-height: 1;
  opacity: .22;
  color: rgba(255,255,255,.45);
}

.millioners_club_twelve__quote:before{
  content: "“";
  left: 0;
  top: -14px;
}

.millioners_club_twelve__quote:after{
  content: "”";
  right: 0;
  bottom: -24px;
}

.millioners_club_twelve__quote--big{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

/* media */
.millioners_club_twelve__media{
  position: relative;
  display:block;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  text-decoration: none;
}

.millioners_club_twelve__media img,
.millioners_club_twelve__media video{
  width: 100%;
  height: auto;
  display: block;
}

/* badge + play */
.millioners_club_twelve__media_badge{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 999px;

  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.millioners_club_twelve__media_play{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;

  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
}

.millioners_club_twelve__media_play:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* chat block */
.millioners_club_twelve__chat{
  margin: 16px 0 10px;
  padding: 12px 14px;
  border-left: 3px solid rgba(99,255,138,.55);
  background: rgba(255,255,255,.05);
  border-radius: 10px;
}

.millioners_club_twelve__chat_line{
  margin: 6px 0;
  color: rgba(255,255,255,.9);
  font-size: 13px;
  line-height: 1.55;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_twelve{
    padding: 44px 0 62px;
  }

  .millioners_club_twelve__title{
    font-size: 24px;
  }

  .millioners_club_twelve__top{
    gap: 22px;
    grid-template-columns: 1.15fr 1fr;
  }
}

@media (max-width: 768px){
  .millioners_club_twelve{
    padding: 34px 0 50px;
  }

  .millioners_club_twelve__container{
    padding: 0 16px;
  }

  .millioners_club_twelve__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_twelve__top{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_twelve__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }

  .millioners_club_twelve__quote:before,
  .millioners_club_twelve__quote:after{
    font-size: 44px;
  }

  .millioners_club_twelve__media_badge{
    font-size: 11px;
    padding: 7px 10px;
  }
}

@media (max-width: 480px){
  .millioners_club_twelve__title{
    font-size: 18px;
  }

  .millioners_club_twelve__text{
    font-size: 13px;
  }

  .millioners_club_twelve__media_badge{
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 56px);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .millioners_club_twelve__media_play{
    right: 8px;
    bottom: 8px;
  }
}

/* =========================
   MILLIONERS CLUB — THIRTEEN
   Light green story + photo + chat + responsive
   ========================= */

.millioners_club_thirteen{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_thirteen__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_thirteen__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_thirteen__divider{
  width: 110px;
  height: 2px;
  background: rgba(10,143,67,.45);
  margin: 10px auto 18px;
}

.millioners_club_thirteen__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* quotes */
.millioners_club_thirteen__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 12px 42px;
  margin: 18px 0;
}

.millioners_club_thirteen__quote:before,
.millioners_club_thirteen__quote:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .22;
  color: #bfcac3;
}

.millioners_club_thirteen__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_thirteen__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

.millioners_club_thirteen__quote--center{
  margin-top: 8px;
}

/* mid layout */
.millioners_club_thirteen__mid{
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 22px;
  align-items: start;
  margin: 18px 0 22px;
}

.millioners_club_thirteen__photo{
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
}

.millioners_club_thirteen__photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* chat */
.millioners_club_thirteen__chat{
  border-left: 3px solid rgba(10,143,67,.35);
  background: rgba(255,255,255,.55);
  border-radius: 10px;
  padding: 12px 14px;
}

.millioners_club_thirteen__chat_intro{
  margin: 0 0 10px;
  color:#1f2a22;
  font-size: 13px;
  line-height: 1.55;
}

.millioners_club_thirteen__chat_line{
  margin: 6px 0;
  color:#1f2a22;
  font-size: 13px;
  line-height: 1.55;
}

/* CTA */
.millioners_club_thirteen__cta{
  display: inline-block;
  margin: 10px auto 0;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(10,143,67,.12);
  color: #0a8f43;
  text-decoration: underline;
  font-weight: 800;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_thirteen{
    padding: 40px 0 56px;
  }
  .millioners_club_thirteen__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_thirteen{
    padding: 34px 0 46px;
  }

  .millioners_club_thirteen__container{
    padding: 0 16px;
  }

  .millioners_club_thirteen__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_thirteen__mid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_thirteen__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }

  .millioners_club_thirteen__quote:before,
  .millioners_club_thirteen__quote:after{
    font-size: 44px;
  }
}

@media (max-width: 480px){
  .millioners_club_thirteen__title{
    font-size: 18px;
  }
  .millioners_club_thirteen__text{
    font-size: 13px;
  }
}
/* =========================
   MILLIONERS CLUB — FOURTHEEN
   Long text story (light green) + chat + responsive
   ========================= */

.millioners_club_fourtheen{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_fourtheen__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_fourtheen__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_fourtheen__divider{
  width: 110px;
  height: 2px;
  background: rgba(10,143,67,.45);
  margin: 10px auto 18px;
}

.millioners_club_fourtheen__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* quotes */
.millioners_club_fourtheen__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 12px 42px;
  margin: 18px 0;
}

.millioners_club_fourtheen__quote:before,
.millioners_club_fourtheen__quote:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .22;
  color: #bfcac3;
}

.millioners_club_fourtheen__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_fourtheen__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

.millioners_club_fourtheen__quote--center{
  margin-top: 8px;
}

.millioners_club_fourtheen__quote--big{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

/* chat */
.millioners_club_fourtheen__chat{
  margin: 16px 0 10px;
  padding: 12px 14px;
  border-left: 3px solid rgba(10,143,67,.35);
  background: rgba(255,255,255,.55);
  border-radius: 10px;
}

.millioners_club_fourtheen__chat_line{
  margin: 6px 0;
  color:#1f2a22;
  font-size: 13px;
  line-height: 1.55;
}

/* CTA */
.millioners_club_fourtheen__cta{
  display: inline-block;
  margin: 10px auto 0;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(10,143,67,.12);
  color: #0a8f43;
  text-decoration: underline;
  font-weight: 800;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_fourtheen{
    padding: 40px 0 56px;
  }
  .millioners_club_fourtheen__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_fourtheen{
    padding: 34px 0 46px;
  }

  .millioners_club_fourtheen__container{
    padding: 0 16px;
  }

  .millioners_club_fourtheen__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_fourtheen__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }

  .millioners_club_fourtheen__quote:before,
  .millioners_club_fourtheen__quote:after{
    font-size: 44px;
  }

  .millioners_club_fourtheen__chat{
    padding: 10px 12px;
  }
}

@media (max-width: 480px){
  .millioners_club_fourtheen__title{
    font-size: 18px;
  }
  .millioners_club_fourtheen__text{
    font-size: 13px;
  }
  .millioners_club_fourtheen__chat_line{
    font-size: 12.5px;
  }
}
/* =========================
   MILLIONERS CLUB — FIVETEEN
   Dark story block (no media) + responsive
   ========================= */

.millioners_club_fiveteen{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #000;
  color: #fff;
  padding: 54px 0 72px;
  overflow: hidden;
}

.millioners_club_fiveteen__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_fiveteen__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #fff;
}

.millioners_club_fiveteen__divider{
  width: 110px;
  height: 2px;
  background: rgba(99,255,138,.55);
  margin: 10px auto 18px;
}

.millioners_club_fiveteen__text{
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* quotes */
.millioners_club_fiveteen__quote{
  position: relative;
  font-style: italic;
  color: rgba(255,255,255,.92);
  text-align: center;
  padding: 12px 44px;
  margin: 18px 0;
}

.millioners_club_fiveteen__quote:before,
.millioners_club_fiveteen__quote:after{
  position: absolute;
  font-size: 58px;
  line-height: 1;
  opacity: .22;
  color: rgba(255,255,255,.45);
}

.millioners_club_fiveteen__quote:before{
  content: "“";
  left: 0;
  top: -14px;
}

.millioners_club_fiveteen__quote:after{
  content: "”";
  right: 0;
  bottom: -24px;
}

.millioners_club_fiveteen__quote--center{
  margin-top: 8px;
}

.millioners_club_fiveteen__quote--big{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

/* CTA */
.millioners_club_fiveteen__cta{
  display: inline-block;
  margin: 10px auto 0;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(99,255,138,.12);
  color: #63ff8a;
  text-decoration: underline;
  font-weight: 800;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_fiveteen{
    padding: 44px 0 62px;
  }
  .millioners_club_fiveteen__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_fiveteen{
    padding: 34px 0 50px;
  }

  .millioners_club_fiveteen__container{
    padding: 0 16px;
  }

  .millioners_club_fiveteen__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_fiveteen__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }

  .millioners_club_fiveteen__quote:before,
  .millioners_club_fiveteen__quote:after{
    font-size: 44px;
  }
}

@media (max-width: 480px){
  .millioners_club_fiveteen__title{
    font-size: 18px;
  }
  .millioners_club_fiveteen__text{
    font-size: 13px;
  }
}
/* =========================
   MILLIONERS CLUB — SIXTEEN
   Light story + media + bottom collage + responsive
   ========================= */

.millioners_club_sixteen{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_sixteen__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_sixteen__title{
  margin: 0 auto 22px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

/* top layout */
.millioners_club_sixteen__top{
  display: grid;
  grid-template-columns: 1.2fr .95fr;
  gap: 28px;
  align-items: start;
  margin: 10px 0 22px;
}

.millioners_club_sixteen__content{
  min-width: 0;
}

/* text */
.millioners_club_sixteen__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

.millioners_club_sixteen__link{
  color: #0a8f43;
  text-decoration: underline;
  font-weight: 800;
}

/* quotes */
.millioners_club_sixteen__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 12px 42px;
  margin: 18px 0;
}

.millioners_club_sixteen__quote:before,
.millioners_club_sixteen__quote:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .22;
  color: #bfcac3;
}

.millioners_club_sixteen__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_sixteen__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

.millioners_club_sixteen__quote--big{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.millioners_club_sixteen__quote--center{
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* media */
.millioners_club_sixteen__media{
  position: relative;
  display:block;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
  text-decoration: none;
}

.millioners_club_sixteen__media img,
.millioners_club_sixteen__media video{
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_sixteen__media_badge{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 999px;

  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.millioners_club_sixteen__media_play{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;

  width: 34px;
  height: 34px;
  border-radius: 999px;

  background: rgba(0,0,0,.55);
}

.millioners_club_sixteen__media_play:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* bottom collage */
.millioners_club_sixteen__bottom{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
  align-items: start;
  margin-top: 22px;
}

.millioners_club_sixteen__photo{
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
  margin-top: 14px;
}

.millioners_club_sixteen__photo img{
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_sixteen__cutout{
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
}

.millioners_club_sixteen__cutout img{
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_sixteen__note{
  margin-top: 14px;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_sixteen{
    padding: 40px 0 56px;
  }
  .millioners_club_sixteen__title{
    font-size: 24px;
  }
  .millioners_club_sixteen__top{
    gap: 22px;
    grid-template-columns: 1.1fr 1fr;
  }
  .millioners_club_sixteen__bottom{
    gap: 18px;
  }
}

@media (max-width: 768px){
  .millioners_club_sixteen{
    padding: 34px 0 46px;
  }

  .millioners_club_sixteen__container{
    padding: 0 16px;
  }

  .millioners_club_sixteen__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_sixteen__top,
  .millioners_club_sixteen__bottom{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_sixteen__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }

  .millioners_club_sixteen__quote:before,
  .millioners_club_sixteen__quote:after{
    font-size: 44px;
  }

  .millioners_club_sixteen__media_badge{
    font-size: 11px;
    padding: 7px 10px;
  }
}

@media (max-width: 480px){
  .millioners_club_sixteen__title{
    font-size: 18px;
  }
  .millioners_club_sixteen__text{
    font-size: 13px;
  }
  .millioners_club_sixteen__media_badge{
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 56px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .millioners_club_sixteen__media_play{
    right: 8px;
    bottom: 8px;
  }
}
/* =========================
   MILLIONERS CLUB — SEVENTEEN
   Light green story + chat + responsive
   ========================= */

.millioners_club_seventeen{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_seventeen__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_seventeen__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_seventeen__divider{
  width: 110px;
  height: 2px;
  background: rgba(10,143,67,.45);
  margin: 10px auto 18px;
}

.millioners_club_seventeen__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* quotes */
.millioners_club_seventeen__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 12px 42px;
  margin: 18px 0;
}

.millioners_club_seventeen__quote:before,
.millioners_club_seventeen__quote:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .22;
  color: #bfcac3;
}

.millioners_club_seventeen__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_seventeen__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

.millioners_club_seventeen__quote--center{
  margin-top: 8px;
}

/* chat */
.millioners_club_seventeen__chat{
  margin: 16px 0 10px;
  padding: 12px 14px;
  border-left: 3px solid rgba(10,143,67,.35);
  background: rgba(255,255,255,.55);
  border-radius: 10px;
}

.millioners_club_seventeen__chat_line{
  margin: 6px 0;
  color:#1f2a22;
  font-size: 13px;
  line-height: 1.55;
}

/* CTA */
.millioners_club_seventeen__cta{
  display: inline-block;
  margin: 12px auto 6px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(10,143,67,.12);
  color: #0a8f43;
  text-decoration: underline;
  font-weight: 800;
}

.millioners_club_seventeen__cta_note{
  text-align: center;
  margin-top: 0;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_seventeen{
    padding: 40px 0 56px;
  }
  .millioners_club_seventeen__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_seventeen{
    padding: 34px 0 46px;
  }

  .millioners_club_seventeen__container{
    padding: 0 16px;
  }

  .millioners_club_seventeen__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_seventeen__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }

  .millioners_club_seventeen__quote:before,
  .millioners_club_seventeen__quote:after{
    font-size: 44px;
  }

  .millioners_club_seventeen__chat{
    padding: 10px 12px;
  }
}

@media (max-width: 480px){
  .millioners_club_seventeen__title{
    font-size: 18px;
  }
  .millioners_club_seventeen__text{
    font-size: 13px;
  }
  .millioners_club_seventeen__chat_line{
    font-size: 12.5px;
  }
}
/* =========================
   MILLIONERS CLUB — EIGHTEEN
   Dark story + media + photos + responsive
   ========================= */

.millioners_club_eightteen{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #000;
  color: #fff;
  padding: 54px 0 72px;
  overflow: hidden;
}

.millioners_club_eightteen__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_eightteen__title{
  margin: 0 auto 18px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #fff;
}

/* top */
.millioners_club_eightteen__top{
  display: grid;
  gap: 28px;
  align-items: start;
  margin: 10px 0 22px;
}

.millioners_club_eightteen__content{
  min-width: 0;
}

/* text */
.millioners_club_eightteen__text{
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* quote */
.millioners_club_eightteen__quote{
  position: relative;
  font-style: italic;
  color: rgba(255,255,255,.92);
  text-align: center;
  padding: 12px 44px;
  margin: 18px 0;
}

.millioners_club_eightteen__quote:before,
.millioners_club_eightteen__quote:after{
  position: absolute;
  font-size: 58px;
  line-height: 1;
  opacity: .22;
  color: rgba(255,255,255,.45);
}

.millioners_club_eightteen__quote:before{
  content: "“";
  left: 0;
  top: -14px;
}

.millioners_club_eightteen__quote:after{
  content: "”";
  right: 0;
  bottom: -24px;
}

.millioners_club_eightteen__quote--big{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

/* media */
.millioners_club_eightteen__media{
  position: relative;
  display:block;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  text-decoration: none;
}

.millioners_club_eightteen__media img,
.millioners_club_eightteen__media video{
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_eightteen__media_badge{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 999px;

  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.millioners_club_eightteen__media_play{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;

  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
}

.millioners_club_eightteen__media_play:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* mid: photo + text */
.millioners_club_eightteen__mid{
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 22px;
  align-items: start;
  margin: 18px 0 22px;
}

.millioners_club_eightteen__photo{
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
}

.millioners_club_eightteen__photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* bottom: text + photo */
.millioners_club_eightteen__bottom{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: center;
  margin-top: 18px;
}

/* CTA */
.millioners_club_eightteen__cta{
  display: inline-block;
  margin-top: 10px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(99,255,138,.12);
  color: #63ff8a;
  text-decoration: underline;
  font-weight: 800;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_eightteen{
    padding: 44px 0 62px;
  }
  .millioners_club_eightteen__title{
    font-size: 24px;
  }
  .millioners_club_eightteen__top{
    gap: 22px;
    grid-template-columns: 1.1fr 1fr;
  }
  .millioners_club_eightteen__mid,
  .millioners_club_eightteen__bottom{
    gap: 18px;
  }
}

@media (max-width: 768px){
  .millioners_club_eightteen{
    padding: 34px 0 50px;
  }

  .millioners_club_eightteen__container{
    padding: 0 16px;
  }

  .millioners_club_eightteen__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_eightteen__top,
  .millioners_club_eightteen__mid,
  .millioners_club_eightteen__bottom{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_eightteen__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }

  .millioners_club_eightteen__quote:before,
  .millioners_club_eightteen__quote:after{
    font-size: 44px;
  }

  .millioners_club_eightteen__media_badge{
    font-size: 11px;
    padding: 7px 10px;
  }
}

@media (max-width: 480px){
  .millioners_club_eightteen__title{
    font-size: 18px;
  }
  .millioners_club_eightteen__text{
    font-size: 13px;
  }
  .millioners_club_eightteen__media_badge{
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 56px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .millioners_club_eightteen__media_play{
    right: 8px;
    bottom: 8px;
  }
}
/* =========================
   MILLIONERS CLUB — TWENTY
   Light green short story + responsive
   ========================= */

.millioners_club_twenty{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_twenty__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_twenty__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_twenty__divider{
  width: 110px;
  height: 2px;
  background: rgba(10,143,67,.45);
  margin: 10px auto 18px;
}

.millioners_club_twenty__rule{
  width: 100%;
  height: 1px;
  background: rgba(31,42,34,.12);
  margin: 16px 0 16px;
}

.millioners_club_twenty__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* quotes */
.millioners_club_twenty__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 12px 42px;
  margin: 18px 0;
}

.millioners_club_twenty__quote:before,
.millioners_club_twenty__quote:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .22;
  color: #bfcac3;
}

.millioners_club_twenty__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_twenty__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

.millioners_club_twenty__quote--center{
  margin-top: 8px;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_twenty{
    padding: 40px 0 56px;
  }
  .millioners_club_twenty__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_twenty{
    padding: 34px 0 46px;
  }

  .millioners_club_twenty__container{
    padding: 0 16px;
  }

  .millioners_club_twenty__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_twenty__quote{
    padding: 10px 30px;
    margin: 14px 0;
  }

  .millioners_club_twenty__quote:before,
  .millioners_club_twenty__quote:after{
    font-size: 44px;
  }
}

@media (max-width: 480px){
  .millioners_club_twenty__title{
    font-size: 18px;
  }
  .millioners_club_twenty__text{
    font-size: 13px;
  }
}
/* =========================
   MILLIONERS CLUB — TWENTYONE
   Dark layout: photo left + story/chat right + responsive
   ========================= */

.millioners_club_twentyone{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #000;
  color: #fff;
  padding: 54px 0 72px;
  overflow: hidden;
}

.millioners_club_twentyone__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_twentyone__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #fff;
}

.millioners_club_twentyone__divider{
  width: 110px;
  height: 2px;
  background: rgba(99,255,138,.55);
  margin: 10px auto 18px;
}

/* top layout */
.millioners_club_twentyone__top{
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 22px;
  align-items: start;
  margin: 12px 0 18px;
}

/* photo */
.millioners_club_twentyone__photo{
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
}

.millioners_club_twentyone__photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* text */
.millioners_club_twentyone__text{
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* small quote top */
.millioners_club_twentyone__quote_top{
  font-style: italic;
  text-align: center;
  color: rgba(255,255,255,.9);
  margin: 4px 0 10px;
}

/* rule line */
.millioners_club_twentyone__rule{
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.18);
  margin: 10px 0 14px;
}

/* chat */
.millioners_club_twentyone__chat{
  margin-top: 10px;
  padding: 12px 14px;
  border-left: 3px solid rgba(99,255,138,.55);
  background: rgba(255,255,255,.05);
  border-radius: 10px;
}

.millioners_club_twentyone__chat_line{
  margin: 5px 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.92);
}

.millioners_club_twentyone__chat_line strong{
  color: #63ff8a;
  font-weight: 800;
}

.millioners_club_twentyone__chat_line em{
  font-style: italic;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_twentyone{
    padding: 44px 0 62px;
  }
  .millioners_club_twentyone__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_twentyone{
    padding: 34px 0 50px;
  }

  .millioners_club_twentyone__container{
    padding: 0 16px;
  }

  .millioners_club_twentyone__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_twentyone__top{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_twentyone__chat{
    padding: 10px 12px;
  }
}

@media (max-width: 480px){
  .millioners_club_twentyone__title{
    font-size: 18px;
  }
  .millioners_club_twentyone__text{
    font-size: 13px;
  }
  .millioners_club_twentyone__chat_line{
    font-size: 12.5px;
  }
}
/* =========================
   MILLIONERS CLUB — TWENTYTWO
   Light layout: text + right images, then bottom image + text
   ========================= */

.millioners_club_twentytwo{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #ffffff;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_twentytwo__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_twentytwo__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_twentytwo__divider{
  width: 110px;
  height: 2px;
  background: rgba(10,143,67,.45);
  margin: 10px auto 18px;
}

.millioners_club_twentytwo__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* quote */
.millioners_club_twentytwo__quote{
  position: relative;
  font-style: italic;
  color: #3a4a3f;
  text-align: center;
  padding: 12px 42px;
  margin: 8px 0 14px;
}

.millioners_club_twentytwo__quote:before,
.millioners_club_twentytwo__quote:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .22;
  color: #bfcac3;
}

.millioners_club_twentytwo__quote:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_twentytwo__quote:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

/* rule */
.millioners_club_twentytwo__rule{
  width: 100%;
  height: 1px;
  background: rgba(31,42,34,.12);
  margin: 12px 0 14px;
}

/* TOP GRID */
.millioners_club_twentytwo__top{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: start;
}

/* RIGHT images stack */
.millioners_club_twentytwo__right{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.millioners_club_twentytwo__img{
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,.05);
}

.millioners_club_twentytwo__img img{
  width: 100%;
  height: auto;
  display: block;
}

/* BOTTOM GRID */
.millioners_club_twentytwo__bottom{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
  margin-top: 22px;
}

.millioners_club_twentytwo__img--big{
  align-self: start;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_twentytwo{
    padding: 40px 0 56px;
  }
  .millioners_club_twentytwo__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_twentytwo{
    padding: 34px 0 46px;
  }

  .millioners_club_twentytwo__container{
    padding: 0 16px;
  }

  .millioners_club_twentytwo__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_twentytwo__top,
  .millioners_club_twentytwo__bottom{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_twentytwo__quote{
    padding: 10px 30px;
  }

  .millioners_club_twentytwo__quote:before,
  .millioners_club_twentytwo__quote:after{
    font-size: 44px;
  }
}

@media (max-width: 480px){
  .millioners_club_twentytwo__title{
    font-size: 18px;
  }
  .millioners_club_twentytwo__text{
    font-size: 13px;
  }
}
/* =========================
   MILLIONERS CLUB — TWENTYTHREE
   Light green story + media + photo + responsive
   ========================= */

.millioners_club_twentythree{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #eaf3ee;
  padding: 46px 0 64px;
  overflow: hidden;
}

.millioners_club_twentythree__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_twentythree__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #0a8f43;
}

.millioners_club_twentythree__divider{
  width: 110px;
  height: 2px;
  background: rgba(10,143,67,.45);
  margin: 10px auto 18px;
}

.millioners_club_twentythree__text{
  color: #1f2a22;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* TOP layout */
.millioners_club_twentythree__top{
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 22px;
  align-items: start;
}

/* media */
.millioners_club_twentythree__media{
  position: relative;
  display:block;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
  text-decoration: none;
}

.millioners_club_twentythree__media img,
.millioners_club_twentythree__media video{
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_twentythree__media_badge{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 999px;

  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.millioners_club_twentythree__media_play{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;

  width: 34px;
  height: 34px;
  border-radius: 999px;

  background: rgba(0,0,0,.55);
}

.millioners_club_twentythree__media_play:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* top quote */
.millioners_club_twentythree__quote_top{
  font-style: italic;
  text-align: center;
  color: #3a4a3f;
  padding: 10px 22px;
  margin: 0 0 10px;
  position: relative;
}

.millioners_club_twentythree__quote_top:before,
.millioners_club_twentythree__quote_top:after{
  position: absolute;
  font-size: 52px;
  line-height: 1;
  opacity: .22;
  color: #bfcac3;
}

.millioners_club_twentythree__quote_top:before{
  content: "“";
  left: 0;
  top: -10px;
}

.millioners_club_twentythree__quote_top:after{
  content: "”";
  right: 0;
  bottom: -18px;
}

/* BOTTOM */
.millioners_club_twentythree__bottom{
  display: grid;
  gap: 22px;
  align-items: start;
  margin-top: 22px;
}

.millioners_club_twentythree__photo{
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
}

.millioners_club_twentythree__photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_twentythree{
    padding: 40px 0 56px;
  }
  .millioners_club_twentythree__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_twentythree{
    padding: 34px 0 46px;
  }

  .millioners_club_twentythree__container{
    padding: 0 16px;
  }

  .millioners_club_twentythree__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_twentythree__top,
  .millioners_club_twentythree__bottom{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_twentythree__quote_top{
    padding: 10px 18px;
  }

  .millioners_club_twentythree__quote_top:before,
  .millioners_club_twentythree__quote_top:after{
    font-size: 44px;
  }

  .millioners_club_twentythree__media_badge{
    font-size: 11px;
    padding: 7px 10px;
  }
}

@media (max-width: 480px){
  .millioners_club_twentythree__title{
    font-size: 18px;
  }
  .millioners_club_twentythree__text{
    font-size: 13px;
  }
  .millioners_club_twentythree__media_badge{
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 56px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .millioners_club_twentythree__media_play{
    right: 8px;
    bottom: 8px;
  }
}
/* =========================
   MILLIONERS CLUB — TWENTYFOUR
   Dark long story + right media stack + responsive
   ========================= */

.millioners_club_twentyfour{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #000;
  color: #fff;
  padding: 54px 0 72px;
  overflow: hidden;
}

.millioners_club_twentyfour__container{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

.millioners_club_twentyfour__title{
  margin: 0 auto 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.12;
  font-size: 26px;
  text-align: center;
  color: #fff;
}

.millioners_club_twentyfour__divider{
  width: 110px;
  height: 2px;
  background: rgba(99,255,138,.55);
  margin: 10px auto 18px;
}

/* TOP layout */
.millioners_club_twentyfour__top{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: start;
}

/* quote top */
.millioners_club_twentyfour__quote_top{
  position: relative;
  font-style: italic;
  color: rgba(255,255,255,.92);
  text-align: center;
  padding: 10px 34px;
  margin: 0 0 12px;
}

.millioners_club_twentyfour__quote_top:before,
.millioners_club_twentyfour__quote_top:after{
  position: absolute;
  font-size: 56px;
  line-height: 1;
  opacity: .22;
  color: rgba(255,255,255,.45);
}

.millioners_club_twentyfour__quote_top:before{
  content: "“";
  left: 0;
  top: -12px;
}

.millioners_club_twentyfour__quote_top:after{
  content: "”";
  right: 0;
  bottom: -22px;
}

.millioners_club_twentyfour__rule{
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.18);
  margin: 12px 0 14px;
}

/* text */
.millioners_club_twentyfour__text{
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0;
}

/* right stack */
.millioners_club_twentyfour__right{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

/* media */
.millioners_club_twentyfour__media{
  position: relative;
  display:block;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  text-decoration: none;
}

.millioners_club_twentyfour__media img,
.millioners_club_twentyfour__media video{
  width: 100%;
  height: auto;
  display: block;
}

.millioners_club_twentyfour__media_badge{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 999px;

  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.millioners_club_twentyfour__media_play{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;

  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
}

.millioners_club_twentyfour__media_play:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* photo */
.millioners_club_twentyfour__photo{
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
}

.millioners_club_twentyfour__photo img{
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1024px){
  .millioners_club_twentyfour{
    padding: 44px 0 62px;
  }
  .millioners_club_twentyfour__title{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .millioners_club_twentyfour{
    padding: 34px 0 50px;
  }

  .millioners_club_twentyfour__container{
    padding: 0 16px;
  }

  .millioners_club_twentyfour__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .millioners_club_twentyfour__top{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .millioners_club_twentyfour__quote_top{
    padding: 10px 26px;
  }

  .millioners_club_twentyfour__quote_top:before,
  .millioners_club_twentyfour__quote_top:after{
    font-size: 44px;
  }

  .millioners_club_twentyfour__media_badge{
    font-size: 11px;
    padding: 7px 10px;
  }
}

@media (max-width: 480px){
  .millioners_club_twentyfour__title{
    font-size: 18px;
  }
  .millioners_club_twentyfour__text{
    font-size: 13px;
  }
  .millioners_club_twentyfour__media_badge{
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 56px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .millioners_club_twentyfour__media_play{
    right: 8px;
    bottom: 8px;
  }
}
/* ===== Winners Story (accordion) ===== */
.winners_story__section{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;

  background: #ffffff;
  padding: 24px 0 48px;
}

.winners_story__container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
}

.winners_story__list{
  display: grid;
  gap: 14px;
}

/* details reset */
.winners_story__item{
  border: 1px solid #e6e6e6;
  background: #fff;
}

.winners_story__item[open]{
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}

.winners_story__summary{
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  background: #f7f7f7;
  border-bottom: 1px solid #e6e6e6;
}

.winners_story__summary::-webkit-details-marker{ display:none; }

.winners_story__chev{
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-right: 2px solid #6b6b6b;
  border-bottom: 2px solid #6b6b6b;
  transform: rotate(-45deg);
  transition: transform .2s ease;
  flex: 0 0 auto;
}

.winners_story__item[open] .winners_story__chev{
  transform: rotate(45deg);
}

.winners_story__title{
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  color: #0b0b0b;
  word-break: break-word;
}

/* body */
.winners_story__body{
  padding: 16px 14px 18px;
  background: #fff;
}

.winners_story__grid{
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 18px;
  align-items: start;
}

.winners_story__logo{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  border: 1px solid #efefef;
  background: #fff;
  padding: 12px;
}

.winners_story__logo img{
  max-width: 100%;
  height: auto;
  display: block;
}

.winners_story__content{
  position: relative;
  padding: 6px 6px 6px 22px;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 1.55;
}

.winners_story__quote{
  position: absolute;
  left: 0;
  top: -6px;
  font-size: 44px;
  line-height: 1;
  color: #cfcfcf;
  font-family: Georgia, "Times New Roman", serif;
}

.winners_story__content p{
  margin: 0 0 10px;
}

.winners_story__content p:last-child{
  margin-bottom: 0;
}

.winners_story__q{
  font-weight: 700;
  color: #111;
  margin-top: 14px;
}

.winners_story__q:first-child{
  margin-top: 0;
}

/* hover */
@media (hover:hover){
  .winners_story__summary:hover{
    background: #f1f1f1;
  }
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .winners_story__grid{
    grid-template-columns: 200px 1fr;
  }
}

@media (max-width: 720px){
  .winners_story__section{
    padding: 18px 0 34px;
  }

  .winners_story__summary{
    padding: 12px 12px;
  }

  .winners_story__title{
    font-size: 13px;
  }

  .winners_story__body{
    padding: 14px 12px 16px;
  }

  .winners_story__grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .winners_story__logo{
    min-height: 0;
    padding: 10px;
  }

  .winners_story__content{
    padding-left: 20px;
    font-size: 13px;
  }

  .winners_story__quote{
    font-size: 40px;
    top: -8px;
  }
}

@media (max-width: 420px){
  .winners_story__chev{
    margin-top: 5px;
  }

  .winners_story__title{
    font-size: 12.8px;
    line-height: 1.3;
  }

  .winners_story__content{
    font-size: 12.8px;
  }
}

/* ===== FULL WIDTH (как ты просил) ===== */
.toyl_stories {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 70px 20px;
}

/* ===== CasinoRewards vibe: тёмный фон + зелёные градиенты ===== */
.toyl_stories--cr{
  background:
    radial-gradient(1200px 500px at 50% -10%, rgba(0, 255, 128, .18), transparent 60%),
    radial-gradient(900px 400px at 10% 20%, rgba(0, 200, 83, .12), transparent 55%),
    radial-gradient(900px 400px at 90% 30%, rgba(0, 200, 83, .10), transparent 60%),
    linear-gradient(180deg, #0b0f0d 0%, #070a08 100%);
}

/* лёгкая "полоса" сверху секции */
.toyl_stories--cr:before{
  content:"";
  display:block;
  height: 10px;
  width: 100%;
  margin-bottom: 28px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(0,200,83,.0), rgba(0,200,83,.9), rgba(0,200,83,.0));
  opacity:.9;
}

/* ===== Container ===== */
.toyl_stories__container{
  max-width: 1120px;
  margin: 0 auto;
}

/* ===== DATE (как зелёные хедеры) ===== */
.toyl_stories__date{
  margin: 48px 0 18px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .02em;
  color: #eafff2;
  border-radius: 10px;
  background:
    linear-gradient(90deg, #0b3a22 0%, #0f7a43 45%, #0b3a22 100%);
  border: 1px solid rgba(0,200,83,.35);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* ===== Card ===== */
.toyl_stories__card{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
}

/* зелёная верхняя полоса карты */
.toyl_stories__bar{
  height: 12px;
  background: linear-gradient(90deg, #00c853 0%, #39ff88 45%, #00c853 100%);
  position: relative;
}

/* бейдж слева как на скрине */
.toyl_stories__badge{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #06200f;
  padding: 6px 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #b7ffd2, #39ff88);
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}

/* тело карты */
.toyl_stories__body{
  padding: 18px 18px 22px;
}

/* Title */
.toyl_stories__title{
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 800;
  color: #eafff2;
}

/* Quote area */
.toyl_stories__quote{
  position: relative;
  padding: 14px 16px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.18));
  border: 1px solid rgba(0,200,83,.18);
}

/* большие кавычки */
.toyl_stories__qmark{
  position: absolute;
  font-size: 44px;
  line-height: 1;
  color: rgba(180, 255, 216, .25);
  font-weight: 900;
  pointer-events: none;
}
.toyl_stories__qmark--l{ left: 10px; top: -10px; }
.toyl_stories__qmark--r{ right: 10px; bottom: -20px; }

/* Text */
.toyl_stories__text{
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(234,255,242,.82);
}
.toyl_stories__text strong{
  color: #ffffff;
}

/* spacing for rich */
.toyl_stories__rich .toyl_stories__text:last-child{ margin-bottom: 0; }

/* hover subtle */
.toyl_stories__card:hover{
  transform: translateY(-2px);
  transition: .22s ease;
  border-color: rgba(0,200,83,.22);
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .toyl_stories{ padding: 54px 14px; }
  .toyl_stories__body{ padding: 16px; }
}

@media (max-width: 560px){
  .toyl_stories__date{
    font-size: 14px;
    padding: 9px 12px;
  }
  .toyl_stories__badge{
    font-size: 11px;
    padding: 5px 9px;
    left: 10px;
  }
  .toyl_stories__title{
    font-size: 15px;
  }
  .toyl_stories__text{
    font-size: 13.5px;
  }
  .toyl_stories__qmark{
    font-size: 38px;
  }
}

/* GRID */
.partners__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

/* CARD */
.partners__card--dark{
  background: #1f262a;
  border-radius: 20px;
  padding: 20px 16px 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: 0 25px 60px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .15s ease;
}

.partners__card--dark:hover{
  transform: translateY(-4px);
  box-shadow: 0 35px 80px rgba(0,0,0,.45);
}

/* LOGO BLOCK */
.partners__logo{
  background: rgba(255,255,255,.04);
  border-radius: 14px;
  padding: 12px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.partners__logo img{
  max-width:100%;
  max-height:80px;
  display:block;
}

/* NAME */
.partners__name{
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  min-height: 40px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* BUTTON */
.partners__btn{
  margin-top: auto;
  height: 44px;
  border-radius: 999px;
  background: #17b26a;
  color: #fff!important;
  font-family: Arial, sans-serif;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform .12s ease, filter .12s ease;
}

.partners__btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* RESPONSIVE */

@media (max-width: 900px){
  .partners__grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

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

  .partners__card--dark{
    padding: 22px 18px;
  }

  .partners__name{
    font-size: 16px;
  }
}