:root {
  --orange:#38D6A2;
  --gold:#F1CF70;
  --dark:#06251E;
  --dark2:#0E392F;
  --dark3:#286153;
  --text-light:#F5F7FC;
  --text-muted:#C4CDDA
}
body {
  background-color:#06251E;
  color:#F5F7FC
}
.navbar-custom {
  background:#06251E;
  border-color:#38D6A2
}
.hero-section {
  background-color:#06251E;
  background-image:repeating-linear-gradient(135deg,transparent 0 34px,#38D6A20A 35px 36px);
  background-size:auto;
  border-color:#38D6A2
}
.hero-section::before {
  background:radial-gradient(circle,#38D6A222,transparent 70%)
}
.section-dark {
  background:#06251E
}
.section-darker {
  background:#0E392F
}
.section-orange-tint {
  background:linear-gradient(130deg,#0E392F,#06251E)
}
.btn-orange,.btn-login {
  background:linear-gradient(110deg,#38D6A2,#F1CF70)!important;
  color:#07121B!important
}
.btn-outline-orange {
  color:#38D6A2;
  border-color:#38D6A2
}
.btn-outline-orange:hover {
  background:#38D6A2;
  color:#07121B
}
.hero-badge {
  background:#F1CF70;
  color:#07121B
}
.feature-icon {
  background:#38D6A2;
  color:#07121B
}
.feature-card,.vip-card,.security-card {
  background:#0E392F;
  border-color:#286153
}
.promo-card {
  background:linear-gradient(130deg,#0E392F,#06251E);
  border-color:#38D6A2
}
.vip-card-header {
  background:#286153!important;
  color:#FFFFFF!important
}
.compare-table thead th {
  background:#286153;
  color:#FFFFFF
}
.compare-table tbody tr:nth-child(odd) td {
  background:#0E392F
}
.compare-table tbody tr:nth-child(even) td {
  background:#06251E
}
.footer-main,.footer-bottom {
  background:#06251E;
  border-color:#38D6A2
}
.hero-section .stat-box {
  background:#38D6A212!important
}
.navbar-brand img {
  height:44px;
  width:140px;
  max-width:calc(100vw - 108px)
}
.footer-logo img {
  width:180px;
  max-width:180px;
  height:48px
}
.feature-card:hover,.promo-card:hover {
  box-shadow:0 12px 32px #38D6A218
}
.section-dark[style*="background"],section[style*="linear-gradient(90deg,#7c2d12"] {
  background:linear-gradient(110deg,#0E392F,#06251E)!important
}
@media(max-width:991px) {
  .container>.row.g-5 {
    --bs-gutter-x:1.5rem
  }
}
