@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

    body {    margin: 3px 10px 0 0px;
      margin: 0;
      font-family: 'Poppins', sans-serif;
      background: radial-gradient(circle at center, #181818 0%, #080808 100%);
      color: white;
      scroll-behavior: smooth;
      overflow-x: hidden;
    }

    header {
  position: fixed;
  top: 0; left: 0; right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 7%;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(12px);
  z-index: 3000; /* 🟡 увеличил приоритет, чтобы не перекрывал overlay */
  animation: fadeDown 1s ease forwards;
}

    .logo { font-weight: 600; font-size: 1.3rem; color: #fff; letter-spacing: 0.5px; }
    .logo span { color: gold; font-weight: 700; }

    nav a {
      color: #fff; margin: 0 18px; text-decoration: none; font-weight: 500;
      transition: color 0.3s ease;
    }
    nav a:hover { color: gold; }

    /* 🔥 BURGER (добавлено) */
    .burger {
  display: none;
  width: 28px;
  height: 22px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  
}
    .burger span {
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #f5d66a, #b88a1c);
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(255,215,0,0.35);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}
    .burger:active {
  transform: scale(0.92);
  filter: brightness(1.3);
}
    /* ✅ SIDEBAR OVERLAY */
    .sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
  z-index: 2000; /* 🟡 ниже header */
}
    .sidebar-overlay.active {
      opacity: 1;
      pointer-events: all;
    }

    /* ✅ SIDEBAR PANEL */
    
    .sidebar-close {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 2rem;
  color: gold;
  cursor: pointer;
  transition: transform 0.2s ease, filter 0.3s ease;
}
.sidebar-close:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 6px gold);
}
    section {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      gap: 80px;
      padding: 150px 12% 80px;
      opacity: 0; transform: translateY(60px);
      transition: all 1s ease;
      position: relative;
    }
    section.visible { opacity: 1; transform: translateY(0); }

    .text-block { max-width: 650px; z-index: 2; }
    h1 { font-size: 2.6rem; margin-bottom: 20px; line-height: 1.2em; }
    h2 { font-size: 1.8rem; margin-bottom: 15px; color: gold; }
    h1 span, h2 span { color: gold; }
    p { line-height: 1.8em; font-weight: 400; color: #ddd; font-size: 1.05rem; }

    .btn {
      margin-top: 10px;
      display: inline-block;
      padding: 15px 40px;
      background: linear-gradient(90deg, #f5d66a, #b88a1c);
      border: none; border-radius: 10px;
      color: #000; font-weight: 600; font-size: 1.05rem;
      cursor: pointer; transition: all 0.3s ease;
      box-shadow: 0 0 25px rgba(255,215,0,0.25);
      position: relative; overflow: hidden;
    }
    .btn::after {
      content: ""; position: absolute; top: 0; left: -121%;
      width: 60%; height: 100%;
      background: linear-gradient(120deg, rgba(255,255,255,0.6), rgba(255,255,255,0));
      transform: skewX(-25deg);
      transition: left 0.8s ease;
    }
    .btn:hover::after { left: 130%; }
    .btn:hover { transform: translateY(-3px); box-shadow: 0 0 45px rgba(255,215,0,0.4); }

    .device {
      width: 280px;
      flex-shrink: 0;
      transition: transform 1s ease;
    }
    .device img {
      width: 100%;
      height: auto;
      object-fit: contain;
      display: block;
      user-select: none;
      pointer-events: none;
      filter: drop-shadow(0 0 35px rgba(255,215,0,0.05));
    }

    .svg-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      animation: glowPulse 5s infinite ease-in-out;
    }

    .svg-wrapper svg {
      width: 120px;
      height: 120px;
      fill: url(#goldGradient);
      filter: drop-shadow(0 0 25px rgba(255,215,0,0.2));
      transition: transform 0.4s ease, filter 0.4s ease;
    }

    .svg-wrapper:hover svg {
      transform: scale(1.08);
      filter: drop-shadow(0 0 45px rgba(255,215,0,0.4));
    }

    @keyframes glowPulse {
      0%, 100% { opacity: 0.85; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.05); }
    }

    .divider {
      width: 90%; height: 1px;
      background: linear-gradient(90deg, transparent, gold, transparent);
      margin: 60px auto;
      animation: pulseLine 4s infinite ease-in-out;
    }
    @keyframes pulseLine { 0%,100%{opacity:0.3;width:85%;} 50%{opacity:0.6;width:92%;} }

    @keyframes fadeDown { from {opacity:0;transform:translateY(-20px);} to {opacity:1;transform:translateY(0);} }

    /* ====== МОДАЛКА (твой оригинал) ====== */
    .modal-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100vw; height: 100vh;
      background: rgba(0,0,0,0.75);
      backdrop-filter: blur(10px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 5000;
    }
    .modal-overlay.active { display: flex; animation: fadeIn 0.35s ease; }
    .modal-overlay.active {
      background: rgba(0,0,0,0.75);
      backdrop-filter: blur(14px);
    }
    .modal-content {
      background: rgba(10, 10, 10, 0.55) !important;
      border: 1px solid rgba(255, 215, 0, 0.08) !important;
      box-shadow: 0 0 60px rgba(0, 0, 0, 0.65),
                  0 0 45px rgba(255,215,0,0.08);
      width: 95%; max-width: 480px;
      border-radius: 18px;
      padding: 35px;
      
      animation: slideUp .4s ease both;
    }
    .modal-content h2 {
      text-align: center;
    }
    @keyframes slideUp { from{transform:translateY(55px);opacity:0;} to{transform:translateY(0);opacity:1;} }

    .modal-title { font-size:1.9rem;margin-bottom:20px; }
    .modal-title span { color: gold; }

    .modal-section h3 {
      color: gold;
      margin-bottom: 15px;
      font-size: 1.2rem;
      letter-spacing: .3px;
    }
    .modal-btn {
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      margin: 10px 0;
      padding:14px 0;
      background: linear-gradient(100deg,#F5D66A,#B88A1C);
      color:black;font-weight:700;
      border-radius:9px;text-decoration:none;
      box-shadow:0 0 20px rgba(255,215,0,0.28);
      transition:.3s ease;
    }
    .modal-btn:hover {
      transform: translateY(-2px);
      box-shadow:0 0 35px rgba(255,215,0,0.45);
    }
    .icon svg {
      width:22px;height:22px;margin-right:10px;
      fill: url(#goldGradient);
      filter: drop-shadow(0 0 10px rgba(255,215,0,0.35));
      transition: transform .25s ease;
    }
    .modal-btn:hover .icon svg {
      transform: scale(1.15);
    }
    .modal-divider {
      width:70%;height:2px;
      margin:25px auto;
      background:linear-gradient(90deg,transparent,gold,transparent);
      opacity:.5;
    }
    .modal-close {
      position:absolute;
      right:12px;top:12px;
      font-size:1.7rem;
      color: gold;
      background: none;
      border:none;
      cursor:pointer;
      transition:.2s;
    }
    .modal-close:hover {transform:scale(1.2);}
    .dl-title {
      text-align:center;
      font-size:1.2rem;
      font-weight:700;
      color:gold;
      margin:18px 0 10px;
    }

    .dl-row {
      display:flex;
      align-items:center;
      justify-content:flex-start;
      background:rgba(10,10,10,0.8);
      padding:14px 20px;
      border-radius:14px;
      border:1px solid rgba(255,215,0,0.07);
      backdrop-filter:blur(12px);
      margin:10px 0;
      transition:.25s ease;
    }
    .dl-row:hover {
      border-color:gold;
      box-shadow:0 0 26px rgba(255,215,0,0.25);
    }

    .dl-icon {
      width:34px;
      height:34px;
      fill:none;
      stroke:gold;
      stroke-width:2;
      margin-right:18px;
      opacity:.95;
    }

    .dl-info h4 { margin:0; font-size:1rem; font-weight:600; }
    .dl-info p {     margin: 3px 10px 0 0px; font-size:.72rem; opacity:.65; }

    .dl-btn {
      min-width: 65px;
      text-align: center;
      margin-left:auto;
      padding:10px 18px;
      font-size:.75rem;
      border-radius:8px;
      text-decoration:none;
      background:linear-gradient(90deg, #f5d66a, #b88a1c);
      font-weight:700;
      color:black;
      transition:.2s ease;
      box-shadow:0 0 14px rgba(255,215,0,0.25);
    }
    .dl-btn:hover {
      transform:translateY(-2px);
      box-shadow:0 0 24px rgba(255,215,0,0.45);
    }
    .dl-icon {
      width: 34px;
      height: 34px;
      stroke: url(#goldGradient);
      stroke-width: 1.5;
      fill: none;
      opacity: .95;
      margin-right: 18px;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform .25s ease, opacity .25s ease;
    }
    .dl-row:hover .dl-icon {
      transform: scale(1.12);
      opacity: 1;
    }

    .shorttext { display: none; }
    .longtext  { display: block; }

    @media (max-width:901px){
      section{flex-direction:column;text-align:center;padding:30px 7% 70px;gap:50px;}
      
      .device{width:270px;}
      h1{font-size:2.1rem;         margin-top: 80px;} h2{font-size:1.5rem;}
      .svg-wrapper svg{width:100px;height:100px;}
    }

    /* ======= MOBILE (≤900px) ======= */
    @media (max-width:900px){
     
      .longtext  { display: none; }
      .shorttext { display: block; }

      #mobile .text-block { order: 1; }
      #mobile .svg-wrapper { order: 2; }
      #pc .text-block { order: 1; }
      #pc .svg-wrapper { order: 2; }
      .burger { display: flex; } /* ✅ бургер включается */
  
    }
    /* 💻 ДЕСКТОПНАЯ ВЕРСИЯ — простые белые кнопки */

/* 📱 МОБИЛКА — прежний премиум стиль */
@media (max-width:900px) {
  
  .sidebar-title {
  position: absolute;
  top: 22px;
  left: 30px;
  font-size: 1.35rem;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.5px;
  opacity: 0.95;
  user-select: none;
  text-transform: uppercase;
  z-index: 2100;
}

/* 🔹 Линия под надписью */
.sidebar-title::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 36%;
  height: 2px;
  background: linear-gradient(90deg, gold, transparent);
  opacity: 0.7;
  border-radius: 2px;
}

/* 🟨 Сдвигаем крестик чуть правее */
.sidebar-close {
  position: absolute;
  top: 14px;
  right: 22px;
  font-size: 1.9rem;
  color: gold;
  cursor: pointer;
  transition: transform 0.2s ease, filter 0.3s ease;
  z-index: 2100;
}
}
/* === Заголовок в сайдбаре === */

/* === REGISTER BUTTON === */
.header-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 20px;
  background: linear-gradient(90deg, #f5d66a, #b88a1c);
  color: #000;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 0 18px rgba(255,215,0,0.25);
  transition: all 0.25s ease;
  white-space: nowrap;
}
.header-register:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 35px rgba(255,215,0,0.4);
  filter: brightness(1.05);
}
.header-register:active {
  transform: scale(0.97);
  filter: brightness(1.2);
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 1100px) {
  header {
    justify-content: flex-start;
    padding: 20px 7%;
  }

  .logo {
    flex: 1;
  }

  .burger {
    display: flex;
    order: 3;
  }

  .header-register {
    order: 2;
    margin-right: 10px;
    padding: 8px 16px;
    font-size: 0.9rem;
    border-radius: 8px;
  }

  
}

/* === ПК ВЕРСИЯ === */
@media (min-width: 901px) {
  header {
    justify-content: space-between;
  }

  .burger {
    display: none;
  }

  /* навигация теперь справа, рядом с Register */
  
  /* Register остаётся последней — крайняя справа */
  .header-register {
    margin-left: 25px;
    padding: 12px 32px;
    font-size: 1.05rem;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(255,215,0,0.3);
  }
}
/* === Сайдбар (mobile only) === */
@media (max-width: 900px) {
  

  .sidebar-overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(8px);
    position: fixed;
    inset: 0;
    z-index: 2000;
  }

  .sidebar-overlay.active {
    opacity: 1;
    pointer-events: all;
  }
}
/* === VIP Золотой стиль с подсветкой === */
span.vip,
h1 span,
h2 span,
.modal-title span,
.logo span {
  background: linear-gradient(90deg, #f5d66a, #b88a1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 10px rgba(255, 215, 0, 0.25),
    0 0 25px rgba(255, 215, 0, 0.2);
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: filter 0.3s ease;
}

span.vip:hover,
h1 span:hover,
h2 span:hover,
.modal-title span:hover,
.logo span:hover {
  filter: brightness(1.2);
  text-shadow:
    0 0 18px rgba(255, 215, 0, 0.45),
    0 0 40px rgba(255, 215, 0, 0.35);
}
.vip-footer {
  
  padding: 45px 5% 60px;
  background: rgba(10,10,10,0.35);
  border-top: 1px solid rgba(255,215,0,0.08);
  margin-top: 80px;
  text-align: center;
  backdrop-filter: blur(10px);
}

.vip-footer-text {
  color: #ccc;
  font-size: 0.7rem;
  opacity: 0.85;
  margin-bottom: 12px;
  line-height: 1.6em;
}

.vip-footer-links {
  font-size: 0.95rem;
  color: #bbb;
  opacity: 0.9;
}

.vip-footer-links span {
  background: linear-gradient(90deg, #f5d66a, #b88a1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  text-shadow: 0 0 12px rgba(255,215,0,0.25);
}
.dual-btns {
  display: flex;
  gap: 12px;
  
  width: 100%;
  max-width: 360px;
}

/* === ГЛАВНАЯ ЗОЛОТАЯ КНОПКА === */
.btn-main {
  flex: 0 0 65%;
  padding: 14px 0;
  background: linear-gradient(90deg, #f9e28b, #c3951f);
  color: #000;
  font-weight: 700;
  font-size: 0.92rem;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 0 18px rgba(255,215,0,0.28);
  letter-spacing: 0.5px;
  transition: all .25s ease;
}

/* === REGISTER (темнее, тоньше) === */
.btn-alt {
  flex: 0 0 35%;
  padding: 14px 0;
  background: rgba(255, 215, 0, 0.13);
  border: 1px solid rgba(255, 215, 0, 0.25);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.92rem;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.5px;
  transition: all .25s ease;
}

/* === ХОВЕРЫ === */
.btn-main:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 30px rgba(255,215,0,0.45);
}

.btn-alt:hover {
  background: rgba(255,215,0,0.22);
  box-shadow: 0 0 20px rgba(255,215,0,0.28);
  transform: translateY(-2px);
}
/* 📱 Мобильная версия — уменьшенные кнопки */
@media (max-width: 900px) {
  .dual-btns {
    padding-left: 20px;
    padding-right: 20px;
    max-width: calc(100% - 40px); /* даёт ровно 20px слева + 20px справа */
  }

  .btn-main,
  .btn-alt {
    padding: 14px 0 !important;  /* было 14px */
    font-size: 0.78rem !important; /* было 0.92rem */
    border-radius: 8px !important;
    letter-spacing: 0.3px !important;
  }

  .btn-main {
    flex: 0 0 62%;  /* чуть меньше для аккуратности */
  }

  .btn-alt {
    flex: 0 0 38%;
  }
}
/* === VIP BLOCK WITH LOGO === */
#vip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px; /* расстояние между логотипом и текстом */
  text-align: left;
}

.vip-logo {
  width: 230px;
  height: 230px;
  border-radius: 22px;
  object-fit: cover;
  box-shadow: 0 0 35px rgba(255, 215, 0, 0.25);
  filter: drop-shadow(0 0 18px rgba(255,215,0,0.35));
  transition: 0.3s ease;
  margin-top: 32px;
}


.vip-logo:hover {
  transform: scale(1.05);
  box-shadow: 0 0 45px rgba(255,215,0,0.45);
}

/* 📱 MOBILE → логотип сверху, текст снизу */
@media (max-width: 900px) {
  #vip {
    flex-direction: column;
    text-align: center;
  }

  .vip-logo {
    width: 190px;
    height: 190px;
    margin-bottom: -34px;
    margin-top: 0px;
  }
}
.hero-phone {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
@media (min-width: 1101px) {
  .sidebar-title {
    display: none !important;
  }
}
.dl-title,.modal-divider{display:none!important}
.dl-row{flex-wrap:nowrap}
.dl-info{flex:1 1 auto;min-width:0}
.dl-info h4{font-size:clamp(.9rem,3.2vw,1.05rem);white-space:nowrap}
.dl-info p{font-size:clamp(.7rem,2.6vw,.8rem)}
.dl-btn{white-space:nowrap;font-size:clamp(.75rem,2.4vw,.85rem);padding:10px 20px}
.modal-content{width:min(480px,calc(100% - 32px));padding:28px 22px;margin: 20px;}
@media (max-width:420px){.modal-content{padding:22px 16px}.dl-row{padding:12px 14px}}
/* =========== ХЕДЕР (ТОЛЬКО ДЛЯ DESKTOP НАВИГАЦИИ) =========== */

header {
  position: fixed;
  top: 0; left: 0; right: 0;
  display: flex;
  align-items: center;
  padding: 20px 7%;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(12px);
  z-index: 3000;
  animation: fadeDown 1s ease forwards;
}

.logo {
  font-weight: 600;
  font-size: 1.3rem;
  color: #fff;
  letter-spacing: 0.5px;
}

.logo span {
  color: gold;
  font-weight: 700;
}

/* 🔹 Линки в хедере (отдельно от сайдбара) */
.header-nav {
  display: flex;
  gap: 22px;

  /* толкаем навигацию и кнопку к правому краю */
  margin-left: auto;
  
}


.header-link {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.95rem;
  text-decoration: none;
  position: relative;
  padding-bottom: 2px;
  transition: color 0.25s ease;
}

.header-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  border-radius: 999px;
  transition: width 0.25s ease;
}

.header-link:hover {
  color: gold;
}

.header-link:hover::after {
  width: 100%;
}

/* Кнопка Log In в хедере */
.header-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 20px;
  background: linear-gradient(90deg, #f5d66a, #b88a1c);
  color: #000;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 0 18px rgba(255,215,0,0.25);
  transition: all 0.25s ease;
  white-space: nowrap;
}

.header-register:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 35px rgba(255,215,0,0.4);
  filter: brightness(1.05);
}

.header-register:active {
  transform: scale(0.97);
  filter: brightness(1.2);
}

/* Бургер — отдельный, не влияет на хедер-линки */
.burger {
  display: none;
  width: 28px;
  height: 22px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  margin-left: 16px;
}

.burger span {
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #f5d66a, #b88a1c);
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(255,215,0,0.35);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

/* =========== САЙДБАР / MOBILE NAV (ТОЛЬКО ДЛЯ МОБИЛКИ) =========== */

/* Оверлей для сайдбара */
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
  z-index: 2000;
}

.sidebar-overlay.active {
  opacity: 1;
  pointer-events: all;
}

/* Панель сайдбара */
nav#mobileNav {
  position: fixed;
  top: 0;
  right: -320px;
  width: 260px;
  height: 100vh;
  background: rgba(15,15,15,0.9);
  backdrop-filter: blur(18px);
  box-shadow: -5px 0 35px rgba(255,215,0,0.08);
  border-left: 1px solid rgba(255,215,0,0.08);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 90px 28px 30px;
  gap: 20px;
  transition: right .4s ease;
  z-index: 2001;
}

nav#mobileNav.active {
  right: 0;
  box-shadow: -8px 0 45px rgba(255,215,0,0.15);
}

/* Заголовок "MENU" */
.sidebar-title {
  position: absolute;
  top: 22px;
  left: 26px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.sidebar-title::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 36%;
  height: 2px;
  background: linear-gradient(90deg, gold, transparent);
  opacity: 0.7;
  border-radius: 2px;
}

/* Крестик закрытия */
.sidebar-close {
  position: absolute;
  top: 16px;
  right: 22px;
  font-size: 1.9rem;
  color: gold;
  cursor: pointer;
  transition: transform 0.2s ease, filter 0.3s ease;
}

.sidebar-close:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 6px gold);
}

/* Обычные ссылки в сайдбаре */
.vip-menu-link {
  display: flex;
  align-items: center;
  gap: 18px; /* больше расстояние под большие иконки */
  width: 100%;
  font-size: 1.1rem;      /* было 1rem — теперь больше */
  padding: 14px 0;       /* в 2 раза больше высота */
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  transition: color .25s ease, text-shadow .25s ease;
}


.vip-menu-link:hover {
  color: #f5d66a;
  text-shadow: 0 0 10px rgba(255,215,0,0.45);
}

/* Блок-карточки Download / Log In — золотой текст, фон только при ховере */
.vip-menu-cards {
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vip-menu-card {
  display: block;
  
  padding: 11px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255,215,0,0.28);
  background: transparent;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
  text-align: center;

  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  box-shadow: 0 0 0 rgba(255,215,0,0);
  transition: background 0.25s ease, box-shadow 0.25s ease,
              transform 0.18s ease;
}

.vip-menu-card:hover {
  background: rgba(255,215,0,0.06);
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: #fff;
  box-shadow: 0 0 20px rgba(255,215,0,0.35);
  transform: translateY(-1px);
}

/* ======= АДАПТИВКА ======= */

/* Мобилка: показываем бургер + сайдбар, прячем десктоп-меню */
@media (max-width: 1100px) {
  header {
    padding: 16px 7%;
  }

  .header-nav {
    display: none;
  }

  .header-register {
    font-size: 0.9rem;
    padding: 8px 16px;
  }

  .burger {
    display: flex;
  }
}

/* Десктоп: прячем сайдбар и оверлей, бургер не нужен */
@media (min-width: 1101px) {
  nav#mobileNav {
    display: none;
  }

  .sidebar-overlay {
    display: none;
  }

  .burger {
    display: none;
  }

  header {
    justify-content: flex-start;
    gap: 30px;
  }
}
/* Иконки + текст в ссылках сайдбара */
nav#mobileNav .vip-menu-link {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vip-menu-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.vip-menu-icon svg {
  width: 30px;
  height: 30px;
  stroke: url(#goldGradient);
  fill: none;
  stroke-width: 1.8;
  opacity: 0.95;
  transition: opacity .25s ease, transform .25s ease;
}


.vip-menu-text {
  flex: 1 1 auto;
}

/* Чуть оживим при ховере */
nav#mobileNav .vip-menu-link:hover .vip-menu-icon svg {
  opacity: 1;
  transform: translateX(2px);
}
.inst-svg {
  margin-left: -5px;
}
/* === TELEGRAM CIRCLE BUTTON === */
.tg-circle {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,215,0,0.45);
  background: rgba(255,215,0,0.09);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 18px;
  transition: all .3s ease;
  box-shadow: 0 0 12px rgba(255,215,0,0.25);
}

.tg-circle svg {
  width: 22px;
  height: 22px;
  margin-right: 2px;
  fill: url(#goldGradient);
  filter: drop-shadow(0 0 6px rgba(255,215,0,0.35));
  transition: transform .25s ease, filter .25s ease;
}

.tg-circle:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 28px rgba(255,215,0,0.45);
  border-color: gold;
}

.tg-circle:hover svg {
  transform: scale(1.12);
  filter: drop-shadow(0 0 12px rgba(255,215,0,0.55));
}
@media (max-width: 1100px) {
  .tg-circle {
    display: none !important;
  }
}
/* === SMALL ANDROID CHOICE MODAL === */
.android-choice {
  max-width: 420px;
  text-align: center;
}

.android-choice .modal-title {
  margin-bottom: 10px;
}

.android-choice .choice-text {
  margin: 0 0 18px;
  font-size: 0.9rem;
  color: #ddd;
}

/* кнопки внутри маленькой модалки */
.android-choice .modal-btn {
  margin: 8px 0;
  width: 100%;
  border-radius: 10px;
}

/* верхняя — быстрая, оставляем стандартный золотой градиент */

.android-choice .android-fast .icon svg,
.android-choice .android-apk .icon svg {
  width: 20px;
  height: 20px;
}

/* нижняя — более спокойная, «серенькая» */
.android-choice .android-apk {
  background: rgba(10,10,10,0.9);
  color: #fff;
  box-shadow: 0 0 18px rgba(0,0,0,0.55);
  border: 1px solid rgba(255,215,0,0.18);
}

.android-choice .android-apk:hover {
  background: rgba(20,20,20,0.95);
  box-shadow: 0 0 26px rgba(255,215,0,0.25);
}
---------------
/* =========================================================
  ✅ VIP WIZARD (HUMAN DESIGN)
  UI: ENGLISH | COMMENTS: RUSSIAN
========================================================= */

/* Пока визард активен — основной сайт скрыт */
body.vip-wiz-active #siteContentWrap{ display:none; }

.wiz{
  display:none;
  background: radial-gradient(circle at center,#181818 0%,#080808 100%);
  color:#eee;
  padding: 22px 0 70px;
}
.wiz.active{ display:block; animation: wizFade .35s ease both; }

.wiz__wrap{ max-width: 1120px; margin: 0 auto; padding: 0 5%; }

.wizTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,215,0,0.05);
  position:relative;
  overflow:hidden;
}
.wizTop:before{
  content:"";
  position:absolute;
  inset:-120px -120px auto auto;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(245,214,106,0.16), rgba(0,0,0,0));
  filter: blur(1px);
  pointer-events:none;
}
.wizBrand{ display:flex; align-items:flex-start; gap: 12px; }
.wizBrand__dot{
  width: 12px; height: 12px; border-radius: 50%;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 0 14px rgba(255,215,0,.22);
  margin-top: 6px;
}
.wizBrand__title{ font-weight: 900; letter-spacing:.2px; }
.wizBrand__sub{ margin-top: 4px; color:#cfcfcf; opacity:.92; line-height:1.55; }

.wizTop__right{ display:flex; align-items:center; gap: 12px; }
.wizTop__hint{ display:flex; gap: 8px; flex-wrap:wrap; justify-content:flex-end; }
.wizTop__pill{
  padding: 7px 11px;
  border-radius: 999px;
  font-weight: 900;
  color:#000;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 10px 25px rgba(184,138,28,.14);
  font-size:.9rem;
}
.wizTop__pill.ghost{
  background: rgba(255,215,0,0.12);
  color:#fff;
  border: 1px solid rgba(255,215,0,0.22);
  box-shadow:none;
}
.wizClose{
  width: 44px; height: 44px;
  border-radius: 12px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,215,0,0.10);
  color:#f5d66a;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size: 28px;
  line-height: 1;
}
.wizClose:hover{ filter: drop-shadow(0 0 12px rgba(255,215,0,.20)); }

.wizProgress{
  margin-top: 50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 12px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,0.015);
  border: 1px solid rgba(255,215,0,0.04);
}
.wizProgress__bar{
  flex:1;
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,215,0,0.12);
  overflow:hidden;
}
.wizProgress__fill{
  width:0%;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 0 18px rgba(255,215,0,0.22);
  transition: width .55s ease;
}
.wizProgress__pct{ min-width: 52px; text-align:right; font-weight: 900; }

.wizGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 16px;
  align-items:start;
}

.wizHeader{
  padding: 12px 4px 10px;
}
.wizHeader__kicker{
  color:#cfcfcf;
  opacity:.85;
  font-weight: 800;
  letter-spacing:.2px;
  margin-bottom: 8px;
}
.wizHeader__title{
  margin:0 0 8px;
  font-size: 2.05rem;
  color:#f5d66a;
  text-shadow: 0 0 18px rgba(184,138,28,.10);
}
.wizHeader__desc{
  margin:0;
  color:#cfcfcf;
  opacity:.92;
  line-height:1.75;
  font-weight: 650;
}

.wizBody{ margin-top: 10px; }
.wizStep{ display:none; }
.wizStep.active{ display:block; animation: wizUp .35s ease both; }

.wizCard{
  border-radius: 16px;
  padding: 18px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,215,0,0.05);
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}
.wizCard.soft{
  background: rgba(255,255,255,0.015);
  border: 1px solid rgba(255,215,0,0.04);
}

.wizCard__head{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 14px;
}
.wizCard__head.simple{ margin-bottom: 12px; }
.wizCard__icon{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,215,0,0.10);
  border: 1px solid rgba(255,215,0,0.14);
  font-size: 20px;
}
.wizCard__title{ font-weight: 950; color:#fff; }
.wizCard__sub{ color:#cfcfcf; opacity:.92; margin-top: 2px; line-height:1.5; font-weight:650; }

.wizSpinner{
  margin-left:auto;
  width: 18px; height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255,215,0,0.25);
  border-top-color:#f5d66a;
  animation: wizSpin .85s linear infinite;
}

.wizDetectGrid{ display:grid; gap: 12px; margin-top: 10px; }
.wizDetectItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,215,0,0.06);
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;
}
.wizDetectItem.show{ opacity:1 !important; transform: translateY(0); }
.wizDetectItem__left{ display:flex; align-items:center; gap: 10px; }
.wizCheck{
  width: 28px; height: 28px;
  border-radius: 10px;
  display:flex; align-items:center; justify-content:center;
  font-weight: 1000;
  color:#000;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 10px 25px rgba(184,138,28,.12);
}
.wizDetectItem__label{ color:#cfcfcf; opacity:.85; font-weight: 800; font-size:.95rem; }
.wizDetectItem__value{ color:#fff; font-weight: 1000; font-size: 1.05rem; margin-top: 1px; }

.wizBadge{
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size:.85rem;
  color:#fff;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
}
.wizBadge.gold{
  color:#000;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  border:0;
}

.wizNote{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,215,0,0.06);
  color:#cfcfcf;
  opacity:.95;
  line-height:1.65;
  font-weight: 700;
}

.wizActions{ margin-top: 0px; display:flex; gap: 12px; }
.wizActions.center{ justify-content:center; }
.wizActions.dual{ justify-content:center; flex-wrap:wrap; }


.wizBtn{
  min-width: 240px;
  padding: 14px 34px;
  border-radius: 12px;
  font-weight: 1000;
}
.wizBtn.ghost{
  background: rgba(255,215,0,0.12) !important;
  color:#fff !important;
  border: 1px solid rgba(255,215,0,0.25) !important;
  box-shadow: 0 0 18px rgba(184,138,28,0.10) !important;
}
.wizBtn[disabled]{ opacity:.6; cursor:not-allowed; }

.wizAuto{ margin-top: 12px; text-align:center; color:#cfcfcf; opacity:.92; }

/* Linking: callout + mini cards */
.wizCallout{
  display:flex;
  align-items:flex-start;
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,215,0,0.06);
}
.wizCallout__icon{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,215,0,0.10);
  border: 1px solid rgba(255,215,0,0.14);
}
.wizCallout__title{ font-weight: 1000; color:#fff; }
.wizCallout__sub{ margin-top: 2px; color:#cfcfcf; opacity:.92; line-height:1.6; font-weight:650; }

.wizMiniGrid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.wizMini{
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.015);
  border: 1px solid rgba(255,215,0,0.04);
}
.wizMini__top{ display:flex; align-items:center; gap: 10px; margin-bottom: 8px; }
.wizMini__ico{
  width: 34px; height: 34px;
  border-radius: 12px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,215,0,0.10);
  border: 1px solid rgba(255,215,0,0.14);
}
.wizMini__ttl{ font-weight: 1000; color:#fff; }
.wizMini__txt{ color:#cfcfcf; opacity:.92; line-height:1.6; font-weight:650; }

/* Timeline (precheck) */
.wizTimeline{ display:grid; gap: 12px; }
.wizTLItem{
  display:flex;
  gap: 15px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,215,0,0.06);
  align-items: center; /* ← ВОТ ЭТО РЕШАЕТ */
}
.wizTLDot{
  width: 12px; height: 12px;
  border-radius: 50%;
 
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 0 14px rgba(255,215,0,.22);
}
.wizTLTitle{ font-weight: 1000; color:#fff; }
.wizTLSub{ margin-top: 3px; color:#cfcfcf; opacity:.92; line-height:1.6; font-weight:650; }

/* Two col */
.wizTwoCol{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items:stretch;
}

/* Video */
.wizVideo{
  position:relative;
  width:100%;
  padding-top:56.25%;
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(255,215,0,0.10);
  box-shadow: 0 0 26px rgba(255,215,0,0.08);
  background: rgba(0,0,0,0.25);
}
.wizVideo iframe{ position:absolute; inset:0; width:100%; height:100%; }

/* Demo side */
.wizSideTitle{ font-weight: 1000; font-size: 1.1rem; color:#fff; margin-bottom: 10px; }
.wizSideRow{
  display:flex; gap: 12px; align-items:flex-start;
  padding: 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,215,0,0.06);
  margin-bottom: 10px;
}
.wizSideIco{ font-size: 1.2rem; line-height:1; }
.wizSideH{ font-weight: 1000; color:#fff; margin-bottom: 2px; }
.wizSideP{ color:#cfcfcf; opacity:.92; line-height:1.6; font-weight:650; }
.wizTipBox{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,215,0,0.08);
  border: 1px solid rgba(255,215,0,0.10);
  color:#fff;
  font-weight: 900;
  line-height:1.6;
}

/* Auth hero */
.wizAuthHero{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 14px;
  align-items:center;
}
.wizAuthHero__ttl{ font-weight: 1100; font-size: 1.2rem; color:#fff; margin-bottom: 6px; }
.wizAuthHero__sub{ color:#cfcfcf; opacity:.92; line-height:1.6; font-weight:650; }
.wizAuthHero__mini{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,215,0,0.06);
  color:#cfcfcf;
  opacity:.92;
  font-weight: 700;
  line-height:1.6;
}
.wizSmallPhone{
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,215,0,0.08);
  box-shadow: 0 0 26px rgba(255,215,0,0.08);
}
.wizSmallPhone img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 14px;
}

/* checklist */
.wizChecklist{ margin-top: 12px; display:grid; gap: 10px; }
.wizLi{ color:#cfcfcf; font-weight: 850; line-height:1.55; }
.wizLiDot{
  display:inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 0 14px rgba(255,215,0,.20);
  margin-right: 10px;
  transform: translateY(1px);
  align-items: center; 
}

/* stats */
.wizStats{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.wizStat{
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.015);
  border: 1px solid rgba(255,215,0,0.04);
}
.wizStat__n{
  font-weight: 1200;
  font-size: 1.25rem;
  color:#f5d66a;
  text-shadow: 0 0 18px rgba(184,138,28,.10);
}
.wizStat__t{ margin-top: 4px; color:#cfcfcf; opacity:.92; font-weight: 750; line-height:1.5; }

/* casino */
.wizCasino{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items:stretch;
}
.wizCasino__top{ display:flex; gap: 12px; align-items:center; margin-bottom: 10px; }
.wizCasino__flag{ font-size: 1.3rem; }
.wizCasino__ttl{ font-weight: 1100; color:#fff; }
.wizCasino__sub{ margin-top: 2px; color:#cfcfcf; opacity:.92; font-weight:650; line-height:1.6; }

.wizChips{ margin-top: 12px; display:flex; gap: 10px; flex-wrap:wrap; }
.wizChip{
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 1000;
  font-size:.9rem;
  color:#000;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 10px 25px rgba(184,138,28,.14);
}
.wizChip.ghost{
  background: rgba(255,215,0,0.12);
  color:#fff;
  border: 1px solid rgba(255,215,0,0.22);
  box-shadow:none;
}
.wizCTA{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 16px 18px;
  border-radius: 14px;
  font-weight: 1100;
  color:#000;
  text-decoration:none;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 0 30px rgba(184,138,28,0.22);
  transition: transform .2s, box-shadow .2s;
}
.wizCTA:hover{ transform: translateY(-2px); box-shadow: 0 0 50px rgba(184,138,28,0.30); }

.wizWait{
  margin-top: 12px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,215,0,0.05);
}
.wizWait__ttl{ font-weight: 1100; color:#fff; margin-bottom: 2px; }
.wizWait__sub{ color:#cfcfcf; opacity:.9; margin-bottom: 10px; font-weight:650; line-height:1.55; }
.wizWait__line{ display:flex; align-items:center; gap: 10px; color:#cfcfcf; font-weight: 900; }
.wizWait__pct{ margin-left:auto; font-weight: 1100; color:#fff; }
.wizWait__mini{ margin-top: 10px; color:#cfcfcf; opacity:.85; font-size:.95rem; font-weight:650; line-height:1.55; }

.wizPulse{
  width: 10px; height: 10px;
  border-radius: 50%;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 0 14px rgba(255,215,0,.25);
  animation: wizPulse 1.05s ease infinite;
}

/* download */
.wizDone{ display:flex; gap: 12px; align-items:center; margin-bottom: 12px; }
.wizDone__icon{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,215,0,0.10);
  border: 1px solid rgba(255,215,0,0.14);
}
.wizDone__ttl{ font-weight: 1100; color:#fff; }
.wizDone__sub{ margin-top: 2px; color:#cfcfcf; opacity:.92; font-weight:650; line-height:1.6; }

/* Side panel */
.wizSideCard{
  border-radius: 16px;
  padding: 16px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,215,0,0.05);
  position: sticky;
  top: 14px;
}
.wizSideCard__title{ font-weight: 1000; color:#fff; margin-bottom: 12px; }

.wizStepList{ display:grid; gap: 10px; margin-bottom: 14px; }
.wizStepPill{
  display:flex; align-items:center; gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,215,0,0.06);
  color:#cfcfcf;
  font-weight: 900;
  cursor: default;
}
.wizStepPill span{
  width: 26px; height: 26px;
  border-radius: 10px;
  display:flex; align-items:center; justify-content:center;
  font-weight: 1100;
  color:#000;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 10px 25px rgba(184,138,28,.12);
}
.wizStepPill.active{
  background: rgba(255,215,0,0.10);
  border: 1px solid rgba(255,215,0,0.16);
  color:#fff;
}

.wizPreview{
  border-radius: 16px;
  padding: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,215,0,0.06);
}
.wizPreview__badge{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 1000;
  font-size: .85rem;
  color:#000;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 10px 25px rgba(184,138,28,.14);
  margin-bottom: 12px;
}
.wizPreview img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 14px;
  border: 1px solid rgba(255,215,0,0.10);
}
.wizPreview__mini{
  margin-top: 10px;
  display:flex;
  align-items:center;
  gap: 10px;
  color:#cfcfcf;
  font-weight: 750;
  opacity:.95;
}
.wizMiniDot{
  width:10px; height:10px;
  border-radius: 50%;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 0 14px rgba(255,215,0,.22);
}

/* Floating button */
.wizFloat{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;

  display:none;
  padding: 12px 16px;
  border-radius: 12px;
  font-weight: 1100;
  letter-spacing: .2px;
  color:#000;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  border: 0;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(184,138,28,0.25);
  transition: transform .2s, box-shadow .2s;
}
.wizFloat:hover{ transform: translateY(-2px); box-shadow: 0 14px 40px rgba(184,138,28,0.35); }

/* Responsive */
@media(max-width: 980px){
  .wizGrid{ grid-template-columns: 1fr; }
  .wizSideCard{ position: static; }
  .wizTwoCol{ grid-template-columns: 1fr; }
  .wizAuthHero{ grid-template-columns: 1fr; }
  .wizCasino{ grid-template-columns: 1fr; }
  .wizMiniGrid{ grid-template-columns: 1fr; }
}

/* Animations */
@keyframes wizSpin{ to { transform: rotate(360deg); } }
@keyframes wizFade{ from{opacity:0; transform: translateY(10px);} to{opacity:1; transform:none;} }
@keyframes wizUp{ from{opacity:0; transform: translateY(18px);} to{opacity:1; transform:none;} }
@keyframes wizPulse{
  0%{ transform: scale(1); opacity:.9; }
  50%{ transform: scale(1.35); opacity:1; }
  100%{ transform: scale(1); opacity:.9; }
}
/* ===== WIZARD: remove right panel => 1 column ===== */
.wizGrid{
  grid-template-columns: 1fr !important;
}

/* Demo phone mock */
.wizPhoneMock{
  margin-top: 12px;
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,215,0,0.08);
  box-shadow: 0 0 26px rgba(255,215,0,0.08);
  overflow:hidden;
}
.wizPhoneMock img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 14px;
  border: 1px solid rgba(255,215,0,0.10);
}

.wizPhoneNotes{
  margin-top: 12px;
  display:grid;
  gap: 10px;
}
.wizPhoneNote{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,215,0,0.06);
  color:#cfcfcf;
  font-weight: 750;
  line-height:1.55;
  opacity:.95;
}
.wizPhoneDot{
  width:10px;
  height:10px;
  border-radius: 50%;
  margin-top: 6px;
  background: linear-gradient(90deg,#f5d66a,#b88a1c);
  box-shadow: 0 0 14px rgba(255,215,0,.20);
}
/* ================================
   VIP WIZARD — FIX PACK (READY)
================================ */

/* прячем сайт, когда визард активен */
body.vip-wiz-active #siteContentWrap{ display:none !important; }
.wiz{ display:none; padding: 18px 0 40px; }
.wiz.active{ display:block; }

/* TOP: без пилюль */
.wizTop__hint{ display:none !important; }

/* DEMO: телефон 50% и пункты под видео */
.wizDemoPhoneRow{
  margin-top: 14px;
  display:flex;
  justify-content:center;
}
.wizDemoPhone{
  width: min(360px, 50%);
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,215,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
.wizDemoPhone img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 14px;
  border: 1px solid rgba(255,215,0,.10);
}
.wizDemoPoints{
  margin-top: 14px;
  display:grid;
  gap: 10px;
}

.wizDemoPoint{
  display:flex;
  align-items: center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,215,0,.05);
}

/* AUTH: телефон меньше справа */
.wizSmallPhone{
  width: min(240px, 85%);
  border-radius: 18px;
  padding: 10px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,215,0,.08);
}
.wizSmallPhone img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 14px;
}

/* FINAL: детализированный финал */
.wizFinalHead{
  display:flex;
  gap: 14px;
  align-items:flex-start;
  padding: 14px;
  border-radius: 16px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,215,0,.06);
}
.wizFinalIcon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,215,0,.10);
  border: 1px solid rgba(255,215,0,.12);
  font-size: 20px;
}
.wizFinalTitle{
  font-weight: 900;
  font-size: 20px;
  color:#fff;
}
.wizFinalSub{
  margin-top: 4px;
  color: rgba(255,255,255,.78);
  font-weight: 700;
  line-height: 1.5;
}
.wizFinalGrid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 900px){
  .wizFinalGrid{ grid-template-columns: 1fr; }
}

/* floating admin button */
.wizFloat{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;
  display:none;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,215,0,.20);
  background: rgba(0,0,0,.45);
  color: #ffd76a;
  font-weight: 800;
  backdrop-filter: blur(10px);
}
/* STEP 5 icon — clean ring + big user + cut under check */
.vip-auth-icon{
  width: 220px;
  height: auto;
  display: block;
}

.vip-auth-user{
  opacity: .95;
}

.vip-auth-check{
  opacity: .98;
}

/* если нужно чуть меньше/больше */
@media (max-width: 900px){
  .vip-auth-icon{ width: 200px; }
}
@media (max-width: 520px){
  .vip-auth-icon{ width: 170px; }
}
/* STEP 5: центрируем контент внутри карточки */
.wizStep[data-step="auth"] .wizCard{
  
  
  margin: 0 auto;
}

/* Делаем правильную сетку: текст слева, иконка справа */
.wizStep[data-step="auth"] .wizAuthHero{
  display: grid;
  grid-template-columns: minmax(420px, 1fr) 260px;
  align-items: center;
  justify-content: center;
  gap: 48px;
}

/* Ограничиваем ширину текста, чтобы он был "по центру" визуально */
.wizStep[data-step="auth"] .wizAuthHero__txt{
  max-width: none;
}

/* Центрируем иконку/арт */
.wizStep[data-step="auth"] .wizAuthHero__art{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Если внутри иконка SVG/IMG — нормальный размер */
.wizStep[data-step="auth"] .vip-auth-icon{
  width: 220px;
  height: auto;
  display: block;
}

/* Мобилка */
@media (max-width: 900px){
  .wizStep[data-step="auth"] .wizAuthHero{
    grid-template-columns: 1fr;
    text-align: center;
  }

  .wizStep[data-step="auth"] .wizAuthHero__art{
    order: -1;
    margin-bottom: 28px;
  }

  .wizStep[data-step="auth"] .wizAuthHero__txt{
    max-width: none;
  }

  .wizStep[data-step="auth"] .vip-auth-icon{
    width: 200px;
  }
}

@media (max-width: 520px){
  .wizStep[data-step="auth"] .vip-auth-icon{
    width: 170px;
  }
}
@media (max-width: 901px){
  .wizAuthHero__art1 {
    display: none;
  }
}
/* тихое напоминание под чипами */
.wizChipsHelp{
  margin-top:10px;
  font-size:12px;
  line-height:1.35;
  opacity:.55;     /* менее заметно */
}

/* чуть приглушаем чипы, чтобы не конкурировали с SIGN UP */
.wizChips .wizChip{
  opacity:.88;
}
/* SIGN UP слева — широкая, ровная */
.wizCTA--left{
  display:block;
  width:100%;
  margin-top:16px;
  text-align:center;
}
/* компактная SIGN UP, чтобы влезала в карточку */
.wizCTA--compact{
  display:block;
  width:100%;
  max-width: 520px;     /* чтобы не распирало */
  margin-top: 6px;
  padding: 14px 18px;   /* меньше высота */
  font-size: 17px;
  letter-spacing: .06em;
  border-radius: 16px;  /* меньше радиус => визуально компактнее */
  text-align:center;
  box-sizing: border-box;
}
/* тихая подсказка под SIGN UP */
.wizHint{
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.35;
  opacity: .45;          /* ключевое — не бросается в глаза */
  color: #fff;
  text-align: center;    /* аккуратно под кнопкой */
}
/* ✅ FIX: Step 5 (auth) — убираем зарезервированную правую колонку */
.wizAuthHero{
  display: block !important;         /* если было grid/flex — ломаем в одну колонку */
}

.wizAuthHero__txt{
  max-width: none;                  /* чтобы текст не растягивался на всю ширину */
}

/* если у тебя было grid */
@supports (display: grid){
  .wizAuthHero{
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}
/* ==========================
   VIP Google SSO Button
========================== */
/* ==========================
   Compact Google SSO (VIP style)
========================== */
.wizBtn--google{
  /* компактнее */
  width: auto !important;
  min-width: 320px;
  max-width: 420px;
  padding: 12px 18px !important;
  border-radius: 16px;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;

  /* если твои wizBtn уже золотые — это подхватится.
     если нет — оставим легкую VIP-подсветку */
  box-shadow: 0 12px 28px rgba(0,0,0,.55);
}

.wizBtn--google .gIcon{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;

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

  /* без уродского квадрата */
  background: rgba(0,0,0,.12);
  border: 1px solid rgba(0,0,0,.20);
  border-radius: 12px;
}

.wizBtn--google .gIcon svg{
  width: 18px;
  height: 18px;
  display:block;
}

.wizBtn--google .gText{
  font-weight: 900;
  letter-spacing: .2px;
  font-size: 16px;
  line-height: 1;
}

/* Ховер как “премиум”, но без огромной плашки */
.wizBtn--google:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.wizBtn--google:active{
  transform: translateY(0px);
  filter: brightness(.99);
}

/* Mobile */
@media (max-width: 520px){
  .wizBtn--google{
    min-width: 100%;
    max-width: 100%;
    padding: 12px 14px !important;
  }
  .wizBtn--google .gText{ font-size: 15px; }
}