html {
  overflow-x: hidden;
}

body {
  background: #2e0327;
  overflow-x: hidden;
}

.text--base,
.section-header__title span,
.menu li a:hover,
.menu li a.active,
.footer-links li a:hover,
.copyright a {
  color: #fcc5f0 !important;
}

.badge--base,
.bg--base {
  background: #fcc5f0 !important;
  border-color: #fcc5f0 !important;
  color: #2e0327 !important;
}

.cmn--btn {
  color: #2e0327;
  border-color: #fcc5f0;
}

.cmn--btn::before,
.cmn--btn::after,
.cmn--btn:hover::before,
.cmn--btn.active::before {
  background: #fcc5f0;
}

.cmn--btn:hover,
.cmn--btn.active {
  color: #2e0327;
}

.header {
  border-bottom: 1px solid rgba(252, 197, 240, 0.22);
}

.header.sticky,
.header,
.menu.active {
  background: rgba(46, 3, 39, 0.94);
}

.menu .sub-menu {
  background: rgba(46, 3, 39, 0.98);
  border: 1px solid rgba(252, 197, 240, 0.24);
  border-radius: 8px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.menu .sub-menu li a {
  color: #fff;
}

.menu .sub-menu li a:hover,
.menu .sub-menu li a.active {
  background: #fcc5f0;
  color: #2e0327 !important;
}

@media (min-width: 992px) {
  .menu .sub-menu {
    min-width: 240px;
    max-height: min(70vh, 620px);
    overflow-y: auto;
  }
}

.logo img,
.footer-section .logo img {
  width: 76px;
  max-height: 76px;
  object-fit: contain;
}

.banner-section {
  min-height: 720px;
  position: relative;
}

.banner-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(46, 3, 39, 0.96) 0%, rgba(46, 3, 39, 0.84) 44%, rgba(46, 3, 39, 0.42) 100%),
    radial-gradient(circle at 30% 45%, rgba(252, 197, 240, 0.2), transparent 28rem);
  pointer-events: none;
}

.banner-section .container {
  position: relative;
  z-index: 1;
}

.banner-content__title {
  font-size: clamp(2.25rem, 4.8vw, 4.8rem);
  line-height: 1.02;
}

.banner-content__subtitle {
  color: #fff3fb;
  font-weight: 700;
}

.banner-thumb {
  position: relative;
  padding: 18px;
}

.banner-thumb::before {
  content: "";
  position: absolute;
  inset: 30px 8px;
  border-radius: 999px;
  background: rgba(252, 197, 240, 0.28);
  filter: blur(38px);
}

.banner-thumb img {
  position: relative;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 2px solid rgba(252, 197, 240, 0.42);
  border-radius: 14px;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.34);
}

.section-header p,
.about-content p,
.why-section p,
.faq-item__content p,
.invest-info,
.footer-top p {
  color: #e8d6e5;
}

.about-section,
.why-section,
.faq-section,
.testimonial-section {
  background:
    radial-gradient(circle at 14% 14%, rgba(252, 197, 240, 0.11), transparent 28rem),
    #2e0327;
}

.game-section,
.how-section,
.top-section {
  background-blend-mode: multiply;
}

.game-inner,
.why-item,
.faq-item,
.testimonial-item,
.investor-item,
.how-item {
  border: 1px solid rgba(252, 197, 240, 0.24);
  background-color: rgba(53, 11, 45, 0.82);
}

.game-item,
.game-inner {
  height: 100%;
}

.game-item__content .invest-info {
  min-height: 132px;
  font-size: 0.92rem;
  line-height: 1.55;
}

.game-item__content .invest-amount {
  min-height: 42px;
  font-size: 0.92rem;
}

.game-item__thumb img {
  max-height: 160px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  margin-inline: auto;
  border-radius: 12px;
}

.aobut-thumb img {
  border-radius: 16px;
  border: 1px solid rgba(252, 197, 240, 0.24);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.game-item__content .title,
.why-item__content .title,
.how-item__content .title,
.faq-item__title .title {
  color: #fff;
}

.why-item__thumb,
.how-item__thumb,
.quote-icon {
  color: #fcc5f0;
}

.how-item__thumb .badge {
  background: #fcc5f0;
  color: #2e0327;
}

.cta-template {
  padding: 60px 0;
  background:
    linear-gradient(90deg, rgba(46, 3, 39, 0.96), rgba(46, 3, 39, 0.64)),
    url("/assets/images/ai-hero-casino.jpg") center / cover no-repeat;
}

.cta-template .section-header {
  margin-bottom: 0;
}

.footer-section {
  border-top: 1px solid rgba(252, 197, 240, 0.22);
}

.preloader {
  display: none;
}

@media (max-width: 991px) {
  .menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 80px);
    padding: 26px 24px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-14px) scaleY(0.92);
    transform-origin: top;
    overflow-y: auto;
    background: #2e0327;
    border-top: 1px solid rgba(252, 197, 240, 0.22);
    transition: 0.25s ease;
  }

  .menu.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) scaleY(1);
    z-index: 9999;
  }

  .menu li {
    width: 100%;
    padding: 5px 0;
  }

  .menu li a {
    padding: 10px 0;
  }

  .menu .sub-menu {
    max-height: none;
    border: 0;
    box-shadow: none;
    border-radius: 0;
  }

  .menu .sub-menu li a {
    padding: 8px 0 8px 10px;
  }

  .banner-section {
    padding-top: 125px;
  }

  .banner-content__title {
    font-size: clamp(2.35rem, 12vw, 4rem);
  }

  .banner-thumb img {
    max-width: 560px;
    margin-inline: auto;
  }
}

@media (max-width: 575px) {
  .logo img,
  .footer-section .logo img {
    width: 76px;
  }

  .button-wrapper {
    gap: 12px;
  }

  .button-wrapper .cmn--btn {
    width: min(100%, calc(100vw - 32px));
    justify-content: center;
  }

  .banner-content .shape1,
  .shapes .shape {
    display: none;
  }
}