body{
    font-family: "Bricolage Grotesque", sans-serif !important;
    background-color: #170d29;
}
.promo-section {
    background: linear-gradient(90deg, #4b007d, #000);
    color: white;
    padding: 2rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.promo-text h6 {
    color: #ffb700;
    font-family: "Russo One", sans-serif;
font-weight: 400;
font-style: italic;
font-size: 24pt;
}
.promo-text h2 {
    font-weight: 900;
    font-family: "Russo One", sans-serif;
    font-style: italic;
    font-size: 41pt;
}
.highlight {
    font-family: "Russo One", sans-serif;

    color: #ffb700;
    font-weight: bold;
}
.promo-btn {
    background-color: #a54dff;
border: none;
padding: 0.5rem 4rem;
color: white;
text-transform: uppercase;
border-radius: 5px;
box-shadow: 2px 1px 3px;
/* font-weight: bold; */
font-family: "Bricolage Grotesque", sans-serif;
}
.promo-image img {
    max-width: 100%;
    height: auto;
}
.section-title {
    font-weight: bold;
    font-size: 1.3rem;
    color: white
}
.fire-icon {
    color: orange;
    margin-right: 5px;
}
.game-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.02) 100%);
    border-radius: 12px;
    padding: 15px;
    color: white;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: transform 0.3s ease;
}
.game-card:hover {
    transform: translateY(-5px);
}
.game-number {
    font-size: 6.5rem;
    font-weight: 900;
    opacity: 0.8;
    min-width: 40px;
    font-style: italic;
    color: #ffb700;
    font-family: "Russo One", sans-serif;
}
.game-image {
    border-radius: 10px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    flex-shrink: 0;
    padding: 10px;
}
.game-title {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: "Russo One", sans-serif;
}
.about-section{
    position: relative;
    color:#d9e2ff;

    overflow: hidden;
  }

  /* декоративные “блики” */
  .about-section::before,
  .about-section::after{
    content:"";
    position:absolute;
    border-radius:50%;
    filter: blur(80px);
    opacity:.35;
    pointer-events:none;
  }
  .about-section::before{
    width:420px;height:420px;
    left:-120px;top:-120px;
    background:radial-gradient(closest-side, #8e3cff, rgba(142,60,255,0));
  }
  .about-section::after{
    width:520px;height:520px;
    right:-160px;bottom:-160px;
    background:radial-gradient(closest-side, #3fd0ff, rgba(63,208,255,0));
  }

  /* === Стеклянные карточки / панели === */
  .glass{
    background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    backdrop-filter: blur(8px);
  }

  /* Заголовки */
  .eyebrow{
    letter-spacing:.25em;
    font-weight:700;
    color:#ffd57e;
    text-transform:uppercase;
  }

  /* Кружки со статистикой */
  .stat{
    width:112px;height:112px;
    border-radius:999px;
    display:flex;align-items:center;justify-content:center;
    margin-inline:auto;
    position:relative;
    background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: inset 0 0 0 6px rgba(255,255,255,.06);
  }
  .stat .value{
    font-size:34px;
    line-height:1;
    font-weight:800;
    color: #d39820;
  }
  .stat .unit{
    font-size:14px;
    color:#bcd0ff;
  }

  /* Блоки справа (как в макете) */
  .side-card .bi{
    font-size:1.4rem;
    margin-right:.5rem;
  }

  /* Адаптивные отступы */
  .py-section{ padding-block: 64px; }
  @media (min-width: 992px){
    .py-section{ padding-block: 96px; };
    .promo-text h2{
        font-size: 16pt;
    }
  }
  @media (max-width: 992px){

    .promo-text h2{
        font-size: 16pt;
    }
    .promo-btn{
        padding: 0.5rem 1rem;
    }
    .stat {
        width: 80px;
        height: 80px;}
        .promo-section{
            flex-direction: column;
        }
  }
  /* Заглушка под иллюстрацию автомата */
  .machine{
    aspect-ratio: 4 / 3;
    width:100%;
    border-radius: 14px;
    border:1px solid rgba(255,255,255,.18);
    background:
      linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%),
      radial-gradient(120% 100% at 100% 0%, rgba(255,221,64,.35), rgba(255,221,64,0) 60%),
      radial-gradient(120% 100% at 0% 100%, rgba(63,208,255,.35), rgba(63,208,255,0) 60%),
      #12061c;
    display:flex;align-items:center;justify-content:center;
    box-shadow: 0 12px 40px rgba(0,0,0,.4);
  }
  .machine span{opacity:.75}

  .testimonials-section{
    color:#d9e2ff;

    position:relative; overflow:hidden;
  }
  /* мягкие блики как в about */
  .testimonials-section::before,
  .testimonials-section::after{
    content:""; position:absolute; border-radius:50%;
    filter: blur(80px); opacity:.35; pointer-events:none;
  }
  .testimonials-section::before{
    width:420px;height:420px; left:-140px; top:-100px;
    background:radial-gradient(closest-side,#8e3cff,rgba(142,60,255,0));
  }
  .testimonials-section::after{
    width:520px;height:520px; right:-160px; bottom:-160px;
    background:radial-gradient(closest-side,#3fd0ff,rgba(63,208,255,0));
  }
  .eyebrow{
    letter-spacing:.25em; font-weight:700; color:#ffd57e; text-transform:uppercase;
  }
  .glass{
    background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    backdrop-filter: blur(8px);
  }
  .text-white-90{ color: rgba(255,255,255,.9); }
  .bi-star-fill, .bi-star-half, .bi-star{ color:#ffd57e; }
  .banner-section {
    min-height: 70vh;
    background: 
      linear-gradient(90deg, rgba(75,0,125,0.7), rgba(0,0,0,0.7)),
      url('img/33.png') center/cover no-repeat;
    position: relative;
    overflow: hidden;
    color: #fff;
  }
  .banner-section::before,
  .banner-section::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .35;
    pointer-events: none;
  }
  .fw-semibold{
    font-size: 16pt;
  }
  .banner-section::before {
    width: 420px;
    height: 420px;
    left: -140px;
    top: -100px;
    background: radial-gradient(closest-side, #8e3cff, rgba(142,60,255,0));
  }
  .banner-section::after {
    width: 520px;
    height: 520px;
    right: -160px;
    bottom: -160px;
    background: radial-gradient(closest-side, #3fd0ff, rgba(63,208,255,0));
  }
  .glass {
    background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    backdrop-filter: blur(8px);
  }
  .eyebrow {
    letter-spacing: .25em;
    font-weight: 700;
    color: #ffd57e;
    text-transform: uppercase;
  }
  .text-white-90 {
    color: rgba(255,255,255,.9);
  }
  .site-footer{
    background: linear-gradient(90deg,#4b007d,#000);
    color:#d9e2ff;
    position:relative; overflow:hidden;
  }
  .site-footer::before,
  .site-footer::after{
    content:""; position:absolute; border-radius:50%;
    filter: blur(80px); opacity:.35; pointer-events:none;
  }
  .site-footer::before{
    width:380px;height:380px; left:-120px; top:-120px;
    background:radial-gradient(closest-side,#8e3cff,rgba(142,60,255,0));
  }
  .site-footer::after{
    width:460px;height:460px; right:-140px; bottom:-160px;
    background:radial-gradient(closest-side,#3fd0ff,rgba(63,208,255,0));
  }
  .glass{
    background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    backdrop-filter: blur(8px);
  }
  .eyebrow{
    letter-spacing:.25em; font-weight:700; color: #d39820; text-transform:uppercase;
  }
  .footer-link{
    color:rgba(255,255,255,.8); text-decoration:none;
  }
  .footer-link:hover{ color:#fff; text-decoration:underline; }
  /* темный placeholder в инпуте */
  .form-control::placeholder{ color: rgba(255,255,255,.6); }


  iframe{
    width: 80%;
    margin: 0 auto;
    display: block;
    height: 400px;
    padding: 20px;
  }
  a{
    color: white !important;
    text-decoration: none;
  }