/* Main-content layout refresh. Navigation and footer structure are intentionally untouched. */
:root {
  --refresh-panel: rgba(255, 255, 255, 0.86);
  --refresh-line: rgba(14, 165, 233, 0.18);
  --refresh-ink: #0f172a;
  --refresh-soft: #eaf7ff;
}

html,
body {
  overflow-x: hidden;
}

body {
  background: linear-gradient(
    180deg,
    #eef8ff 0%,
    #f8fbff 42%,
    #eaf7ff 100%
  ) !important;
}

section:not(.cta-section):not(.dark-section),
.content-section,
.faq-main-section,
.tools-section,
.quiz-section,
.contact-strip,
.terms-content-wrap,
.policy-wrap {
  position: relative;
}

.hero-section,
.page-hero,
.login-hero,
.reg-hero,
.terms-hero,
.faq-hero,
.rg-hero,
.about-hero,
.privacy-hero,
.wallet-hero {
  background: #f8fbff !important;
  color: var(--refresh-ink) !important;
  padding-top: clamp(38px, 5vw, 68px) !important;
  padding-bottom: clamp(34px, 5vw, 62px) !important;
  border-top: 1px solid rgba(14, 165, 233, 0.12);
  border-bottom: 1px solid rgba(14, 165, 233, 0.18);
  overflow: hidden;
  isolation: isolate;
}

.hero-section::before,
.hero-section::after,
.page-hero::before,
.page-hero::after,
.login-hero::before,
.login-hero::after,
.reg-hero::before,
.reg-hero::after,
.terms-hero::before,
.terms-hero::after,
.faq-hero::before,
.faq-hero::after,
.rg-hero::before,
.rg-hero::after,
.about-hero::before,
.about-hero::after,
.privacy-hero::before,
.privacy-hero::after,
.wallet-hero::before,
.wallet-hero::after {
  display: none !important;
}

.hero-section > .container,
.page-hero > .container,
.login-hero > .container,
.reg-hero > .container,
.terms-hero > .container,
.faq-hero > .container,
.rg-hero > .container,
.about-hero > .container,
.privacy-hero > .container,
.wallet-hero > .container {
  max-width: 1180px;
  position: relative;
}

.hero-section > .container::before,
.page-hero > .container::before,
.login-hero > .container::before,
.reg-hero > .container::before,
.terms-hero > .container::before,
.faq-hero > .container::before,
.rg-hero > .container::before,
.about-hero > .container::before,
.privacy-hero > .container::before,
.wallet-hero > .container::before {
  display: none !important;
}

.hero-section > .container::after,
.page-hero > .container::after,
.login-hero > .container::after,
.reg-hero > .container::after,
.terms-hero > .container::after,
.faq-hero > .container::after,
.rg-hero > .container::after,
.about-hero > .container::after,
.privacy-hero > .container::after,
.wallet-hero > .container::after {
  display: none !important;
}

.hero-section .row,
.page-hero .row,
.login-hero .row,
.reg-hero .row,
.terms-hero .row,
.faq-hero .row,
.rg-hero .row,
.about-hero .row,
.privacy-hero .row,
.wallet-hero .row {
  align-items: flex-end !important;
  row-gap: 1.35rem;
}

.hero-section .row > [class*="col-"]:first-child,
.page-hero .row > [class*="col-"]:first-child,
.login-hero .row > [class*="col-"]:first-child,
.reg-hero .row > [class*="col-"]:first-child,
.terms-hero .row > [class*="col-"]:first-child,
.faq-hero .row > [class*="col-"]:first-child,
.rg-hero .row > [class*="col-"]:first-child,
.about-hero .row > [class*="col-"]:first-child,
.privacy-hero .row > [class*="col-"]:first-child,
.wallet-hero .row > [class*="col-"]:first-child {
  padding-left: clamp(28px, 4vw, 58px);
}

@media (min-width: 992px) {
  .hero-section .row > [class*="col-"]:first-child,
  .page-hero .row > [class*="col-"]:first-child,
  .terms-hero .row > [class*="col-"]:first-child,
  .faq-hero .row > [class*="col-"]:first-child,
  .rg-hero .row > [class*="col-"]:first-child,
  .about-hero .row > [class*="col-"]:first-child,
  .privacy-hero .row > [class*="col-"]:first-child,
  .wallet-hero .row > [class*="col-"]:first-child {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .hero-section .row > [class*="col-"]:last-child,
  .page-hero .row > [class*="col-"]:last-child,
  .terms-hero .row > [class*="col-"]:last-child,
  .faq-hero .row > [class*="col-"]:last-child,
  .rg-hero .row > [class*="col-"]:last-child,
  .about-hero .row > [class*="col-"]:last-child,
  .privacy-hero .row > [class*="col-"]:last-child,
  .wallet-hero .row > [class*="col-"]:last-child {
    flex: 0 0 30%;
    max-width: 30%;
    align-self: flex-end;
  }
}

.hero-section h1,
.page-hero h1,
.login-hero h1,
.reg-hero h1,
.terms-hero h1,
.faq-hero h1,
.rg-hero h1,
.about-hero h1,
.privacy-hero h1,
.wallet-hero h1 {
  color: var(--refresh-ink) !important;
  max-width: 920px;
  margin-bottom: 0.9rem !important;
}

.hero-section h1 span,
.page-hero h1 span,
.login-hero h1 span,
.reg-hero h1 span,
.terms-hero h1 span,
.faq-hero h1 span,
.rg-hero h1 span,
.about-hero h1 span,
.privacy-hero h1 span,
.wallet-hero h1 span {
  color: var(--primary-deeper, #0284c7) !important;
}

.hero-section p,
.page-hero p,
.login-hero p,
.reg-hero p,
.terms-hero p,
.faq-hero p,
.rg-hero p,
.about-hero p,
.privacy-hero p,
.wallet-hero p {
  color: #334155 !important;
}

.hero-section p.lead,
.page-hero p.lead,
.login-hero p.lead,
.reg-hero p.lead,
.terms-hero p.lead,
.faq-hero p.lead,
.rg-hero p.lead,
.about-hero p.lead,
.privacy-hero p.lead,
.wallet-hero p.lead {
  max-width: 790px;
}

.terms-hero .row.justify-content-center,
.privacy-hero .row.justify-content-center {
  justify-content: flex-start !important;
}

.terms-hero .text-center,
.privacy-hero .text-center {
  text-align: left !important;
}

.terms-hero .lead.mx-auto,
.privacy-hero .lead.mx-auto {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.terms-hero .hero-meta.justify-content-center,
.privacy-hero .hero-pills.justify-content-center {
  justify-content: flex-start !important;
}

@media (min-width: 992px) {
  .terms-hero .row.justify-content-center > [class*="col-"],
  .privacy-hero .row.justify-content-center > [class*="col-"] {
    flex: 0 0 78%;
    max-width: 78%;
  }
}

.hero-badge {
  background: transparent !important;
  border: 1px solid rgba(14, 165, 233, 0.32) !important;
  border-radius: 8px !important;
  color: var(--primary-deeper, #0284c7) !important;
  text-transform: none !important;
}

[data-aos="fade-left"],
[data-aos="fade-right"] {
  transform: none !important;
}

.hero-stats,
.hero-meta,
.hero-pills {
  gap: 0.65rem !important;
  justify-content: flex-start !important;
}

.hero-stat,
.hero-stat-item,
.hero-meta-item,
.hero-pill,
.stat-card,
.counter-card {
  background: #ffffff !important;
  border: 1px solid rgba(14, 165, 233, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.hero-stat strong,
.hero-stat span,
.hero-stat-num,
.hero-stat-label,
.hero-meta-item,
.hero-pill {
  color: #0f172a !important;
}

.hero-visual,
.hero-img-wrap,
.login-form-wrap,
.reg-form-wrap,
.hero-card {
  background: #ffffff !important;
  border: 1px solid rgba(14, 165, 233, 0.18) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08) !important;
}

.login-hero > .container > .row,
.reg-hero > .container > .row {
  align-items: center !important;
}

.login-hero > .container::after,
.reg-hero > .container::after {
  display: none !important;
}

.reg-hero {
  padding-top: clamp(26px, 3.5vw, 42px) !important;
}

.reg-hero > .container {
  max-width: 1160px;
}

.reg-hero > .container::before {
  display: none !important;
}

.login-hero .login-form-wrap,
.reg-hero .reg-form-wrap {
  width: 100%;
  max-width: 460px;
  margin-left: auto;
}

.login-hero > .container > .row > [data-aos],
.reg-hero > .container > .row > [data-aos] {
  opacity: 1 !important;
  transform: none !important;
}

.reg-hero > .container > .row {
  align-items: flex-start !important;
  --bs-gutter-x: 1rem;
}

.reg-hero .reg-form-wrap {
  max-width: 500px;
  margin-left: 0;
}

.login-form-body .row > [class*="col-"]:first-child,
.reg-form-body .row > [class*="col-"]:first-child {
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
}

@media (min-width: 992px) {
  .login-hero > .container > .row > [class*="col-"]:first-child,
  .reg-hero > .container > .row > [class*="col-"]:first-child {
    flex: 0 0 54%;
    max-width: 54%;
  }

  .login-hero > .container > .row > [class*="col-"]:last-child,
  .reg-hero > .container > .row > [class*="col-"]:last-child {
    flex: 0 0 46%;
    max-width: 46%;
    align-self: center;
  }

  .reg-hero > .container > .row > [class*="col-"]:first-child {
    flex: 0 0 46%;
    max-width: 46%;
    padding-top: 18px;
    padding-left: 0.5rem !important;
  }

  .reg-hero > .container > .row > [class*="col-"]:last-child {
    flex: 0 0 54%;
    max-width: 54%;
    align-self: flex-start;
  }
}

@media (max-width: 991px) {
  .login-hero .login-form-wrap,
  .reg-hero .reg-form-wrap {
    max-width: 100%;
    margin-left: 0;
  }
}

.section-pad,
.content-section,
.faq-main-section,
.tools-section,
.quiz-section,
.contact-strip,
.terms-content-wrap,
.policy-wrap,
.feature-section,
.feature-row,
.content-block,
.compare-section,
.stats-section,
.steps-section,
.rg-section,
.map-section {
  padding-top: clamp(48px, 6vw, 76px) !important;
  padding-bottom: clamp(48px, 6vw, 76px) !important;
}

.section-pad > .container,
.content-section > .container,
.faq-main-section > .container,
.tools-section > .container,
.quiz-section > .container,
.contact-strip > .container,
.terms-content-wrap > .container,
.policy-wrap > .container,
.feature-section > .container,
.feature-row > .container,
.content-block > .container,
.compare-section > .container,
.stats-section > .container,
.steps-section > .container,
.rg-section > .container,
.map-section > .container {
  max-width: 1160px;
}

.section-pad .text-center,
.faq-main-section .text-center,
.tools-section .text-center,
.quiz-section .text-center,
.contact-strip .text-center,
.feature-section .text-center,
.compare-section .text-center,
.rg-section .text-center,
.map-section .text-center,
.steps-section .text-center {
  text-align: left !important;
  max-width: 860px;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.section-title {
  letter-spacing: 0 !important;
  max-width: 820px;
}

.section-subtitle {
  max-width: 780px;
}

.divider-line {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.feature-card,
.game-card,
.hand-card,
.mult-card,
.tool-card,
.step-card,
.strategy-card,
.review-card,
.testimonial-card,
.rg-card,
.dark-card,
.contact-card,
.sidebar-card,
.content-card,
.terms-section,
.policy-block,
.toc-card,
.quiz-card,
.provider-wrap,
.tip-card,
.counter-card {
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07) !important;
}

.feature-card,
.game-card,
.tool-card,
.step-card,
.strategy-card,
.review-card,
.testimonial-card,
.rg-card,
.contact-card,
.sidebar-card,
.content-card,
.terms-section,
.policy-block,
.provider-wrap,
.tip-card {
  border-left: 4px solid var(--primary, #38bdf8) !important;
}

.section-pad .row.g-4,
.feature-section .row.g-4,
.tools-section .row.g-4,
.contact-strip .row.g-4,
.rg-section .row.g-4 {
  row-gap: 1.15rem !important;
}

.section-pad .row.g-4 > [class*="col-"]:nth-child(even),
.feature-section .row.g-4 > [class*="col-"]:nth-child(even),
.tools-section .row.g-4 > [class*="col-"]:nth-child(even),
.rg-section .row.g-4 > [class*="col-"]:nth-child(even) {
  transform: translateY(18px);
}

.content-card,
.terms-section,
.policy-block {
  background: var(--refresh-panel) !important;
  backdrop-filter: blur(10px);
}

.content-card + .content-card,
.terms-section + .terms-section,
.policy-block + .policy-block {
  margin-top: 1.05rem !important;
}

.content-header,
.terms-section-header,
.policy-header,
.faq-cat-title {
  border-bottom: 1px solid var(--refresh-line);
  padding-bottom: 0.85rem;
}

.faq-main-section .accordion-item {
  border-radius: 8px !important;
  overflow: hidden;
  border-left: 4px solid var(--primary, #38bdf8) !important;
}

.faq-main-section .accordion-button {
  min-height: 62px;
}

.cat-tabs {
  justify-content: flex-start !important;
  border-radius: 8px !important;
}

.cat-tab {
  border-radius: 8px !important;
}

.cta-section {
  border-top: 1px solid rgba(56, 189, 248, 0.22);
}

.cta-section .row {
  align-items: center !important;
}

.cta-section .text-center {
  text-align: left !important;
}

.cta-section .justify-content-center {
  justify-content: flex-start !important;
}

section .btn-primary-custom,
section .btn-outline-custom,
section .btn-green-custom,
section .btn {
  border-radius: 8px !important;
}

@media (max-width: 991.98px) {
  .section-pad .row.g-4 > [class*="col-"]:nth-child(even),
  .feature-section .row.g-4 > [class*="col-"]:nth-child(even),
  .tools-section .row.g-4 > [class*="col-"]:nth-child(even),
  .rg-section .row.g-4 > [class*="col-"]:nth-child(even) {
    transform: none;
  }

  .section-pad .text-center,
  .faq-main-section .text-center,
  .tools-section .text-center,
  .quiz-section .text-center,
  .contact-strip .text-center,
  .feature-section .text-center,
  .compare-section .text-center,
  .rg-section .text-center,
  .map-section .text-center,
  .steps-section .text-center,
  .cta-section .text-center {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .divider-line {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .cta-section .justify-content-center {
    justify-content: center !important;
  }
}