:root{
  --es-green:#22e36f;
  --es-green-2:#7cff4f;
  --es-deep:#04110b;
  --es-panel:#0a1b12;
  --es-line:rgba(82,255,135,.18);
  --es-glow:0 0 30px rgba(34,227,111,.16);
}
html{background:#04110b}
body{background:linear-gradient(180deg,#06130d 0%,#081810 34%,#f5f7f6 34%,#f5f7f6 100%);color:#102018}
.nav-shell,.nav-b,.nav-c,.nav-d,.nav-e,.nav-f{background:rgba(3,14,9,.94)!important;border-bottom:1px solid var(--es-line)!important;box-shadow:0 8px 28px rgba(0,0,0,.24)}
.navbar .navbar-brand,.brand-accent{color:var(--es-green)!important;text-shadow:0 0 18px rgba(34,227,111,.32)}
.navbar .nav-link{color:#d7f8e4!important}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:#fff!important;background:rgba(34,227,111,.10);border-color:rgba(34,227,111,.30)}
.hero-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(2,12,7,.90),rgba(4,21,12,.80)),url('../picture/site-visual-01.webp') center/cover no-repeat!important;color:#fff;min-height:430px;display:flex;align-items:center}
.hero-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 42%,rgba(34,227,111,.10) 43% 44%,transparent 45% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 56px)}
.hero-section .btn-outline-primary{color:#eafff1;border-color:rgba(82,255,135,.58);background:rgba(2,16,9,.46);backdrop-filter:blur(6px)}
.hero-section .btn-outline-primary:hover{color:#04110b;background:var(--es-green);border-color:var(--es-green);box-shadow:0 0 24px rgba(34,227,111,.32)}
.section-dark{background:linear-gradient(145deg,#03110a,#0a1a11 55%,#06140c)!important}
.eyebrow{color:var(--es-green)!important;background:rgba(34,227,111,.10)!important;border-color:rgba(34,227,111,.26)!important}
.feature-card,.number-card,.download-box,.glass-card,.portal-box,.live-card-clean{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.feature-card:hover,.number-card:hover,.portal-box:hover,.live-card-clean:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.18),var(--es-glow);border-color:rgba(34,227,111,.30)!important}
.section-dark .feature-card,.portal-box .feature-card,.live-card-clean{background:linear-gradient(180deg,#0b1e14,#08170f)!important;border-color:var(--es-line)!important}
.text-danger,.feature-card .text-danger{color:#16c95d!important}
.btn-primary,.mini-cta{background:#12b94f!important;border-color:#12b94f!important;color:#fff!important;box-shadow:none}
.btn-primary:hover,.mini-cta:hover{background:#20dc68!important;border-color:#20dc68!important;box-shadow:0 0 22px rgba(34,227,111,.26)!important}
.icon-badge{background:linear-gradient(135deg,rgba(34,227,111,.15),rgba(124,255,79,.06))!important;color:var(--es-green)!important}
.league-chip,.match-card-flat__badge{border-color:rgba(34,227,111,.30)!important;color:#dfffea!important;background:rgba(34,227,111,.10)!important}
#services-bb0933{position:relative;background:linear-gradient(90deg,rgba(3,16,9,.96),rgba(5,21,12,.90)),url('../picture/site-visual-02.webp') center/cover fixed no-repeat!important}
#about-ea6b82{position:relative;background:linear-gradient(90deg,rgba(4,16,10,.94),rgba(7,24,14,.90)),url('../picture/site-visual-03.webp') center/cover no-repeat!important}
#faq-7d49e7{background:linear-gradient(100deg,rgba(3,12,8,.96),rgba(4,18,10,.92)),url('../picture/site-visual-04.webp') center/cover no-repeat!important}
#faq-7d49e7 [style*="#22d3ee"]{color:var(--es-green)!important}
.footer-shell{background:linear-gradient(140deg,#020b06,#07160d)!important;border-top-color:var(--es-line)!important}
.footer-shell a{color:#cef8db}.footer-shell a:hover{color:var(--es-green)}
:focus-visible{outline:3px solid rgba(34,227,111,.70)!important;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media (max-width:991.98px){#services-bb0933{background-attachment:scroll!important}.hero-section{min-height:380px}}
@media (max-width:575.98px){.hero-section{min-height:340px}.hero-section .display-4{font-size:2.05rem}}