body {
  background:
    linear-gradient(90deg, rgba(255, 209, 102, 0.05) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #07111f 0%, #0a1525 44%, #101d34 100%) !important;
  background-size: 32px 32px, auto !important;
}

body > section,
main > section {
  width: min(1160px, calc(100% - 36px)) !important;
  margin: 26px auto !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 209, 102, 0.24) !important;
  background: rgba(10, 21, 37, 0.82) !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22) !important;
}

body > section::before,
main > section::before,
body > section::after,
main > section::after {
  display: none !important;
}

.hero-section,
.page-hero {
  margin-top: 28px !important;
  border-left: 8px solid var(--gold) !important;
  background:
    linear-gradient(90deg, rgba(255, 209, 102, 0.09), transparent 42%),
    #0d1a30 !important;
}

.hero-section .container,
.page-hero .container,
.section-pad .container,
.section-pad-sm .container,
body > section > .container,
main > section > .container {
  max-width: none !important;
  width: 100% !important;
  padding: 34px !important;
}

.hero-section .row,
.page-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
  gap: 34px !important;
  align-items: center !important;
  margin: 0 !important;
}

.hero-section .row > [class*="col-"],
.page-hero .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.hero-section h1,
.page-hero h1 {
  max-width: 760px !important;
}

.hero-section p,
.page-hero p {
  max-width: 680px !important;
}

.section-pad,
.section-pad-sm {
  border-left: 4px solid rgba(59, 130, 246, 0.8) !important;
}

.section-pad:nth-of-type(even),
.section-pad-sm:nth-of-type(even) {
  border-left-color: rgba(255, 209, 102, 0.78) !important;
}

.alt-section {
  background: rgba(17, 30, 53, 0.84) !important;
}

.section-title,
.page-hero h1,
.hero-section h1 {
  letter-spacing: 0 !important;
}

.gold-card,
.step-card,
.plan-card,
.responsible-box,
.privacy-notice,
.content-block,
.feature-card,
.sidebar-card,
.game-card,
.faq-card,
.benefit-card,
.why-card,
.payment-card,
.method-card,
.info-card,
.warning-card,
.toc-box {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 209, 102, 0.38) !important;
  background: #10223d !important;
  box-shadow: none !important;
}

.gold-card:hover,
.step-card:hover,
.plan-card:hover,
.game-card:hover,
.feature-card:hover,
.benefit-card:hover,
.why-card:hover,
.payment-card:hover {
  transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 209, 102, 0.18) !important;
}

.hero-img,
.intro-img,
.editorial-img,
.break-img,
.game-image-placeholder,
img.image-placeholder {
  border-radius: 8px !important;
  border-color: rgba(255, 209, 102, 0.68) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.28) !important;
}

.hero-img,
.page-hero img.image-placeholder {
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  max-height: 420px !important;
}

.intro-img,
.editorial-img {
  aspect-ratio: 16 / 10 !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

.break-img {
  aspect-ratio: 16 / 5 !important;
  height: auto !important;
  max-height: none !important;
}

.stats-strip {
  background: #081323 !important;
  border: 1px solid rgba(255, 209, 102, 0.35) !important;
}

footer {
  width: min(1160px, calc(100% - 36px)) !important;
  margin: 30px auto 20px !important;
  border: 1px solid rgba(255, 209, 102, 0.32) !important;
  border-radius: 8px !important;
  background: #07111f !important;
  padding: 0 !important;
  overflow: hidden !important;
}

footer .container {
  max-width: none !important;
  padding: 34px !important;
}

footer .row {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.25fr) repeat(3, minmax(140px, 0.75fr)) !important;
  gap: 28px !important;
  margin: 0 !important;
}

footer .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.footer-bottom {
  background: rgba(255, 209, 102, 0.04) !important;
  margin-left: -34px !important;
  margin-right: -34px !important;
  margin-bottom: -34px !important;
  padding: 18px 34px !important;
}

@media (max-width: 991.98px) {
  .hero-section .row,
  .page-hero .row {
    grid-template-columns: 1fr !important;
  }

  footer .row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575.98px) {
  body > section,
  main > section,
  footer {
    width: calc(100% - 20px) !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .hero-section .container,
  .page-hero .container,
  .section-pad .container,
  .section-pad-sm .container,
  body > section > .container,
  main > section > .container,
  footer .container {
    padding: 22px !important;
  }

  footer .row {
    grid-template-columns: 1fr !important;
  }

  .footer-bottom {
    margin-left: -22px !important;
    margin-right: -22px !important;
    margin-bottom: -22px !important;
    padding: 16px 22px !important;
  }
}