/* Green highlights follow the current Sibmo logo; navy remains the base. */
html body.home-modern,
html body.mainpage {
  --sibmo-green: #8ced72;
  --sibmo-green-deep: #247b43;
  --sibmo-green-soft: #8ced7214;
  --brand: #69d867;
  --brand2: #329b61;
  --home-accent: #8ced72;
  --learn-green: #8ced72;
  --learn-green-2: #b8f6a4;
  --learn-amber: #45b878;
  background: radial-gradient(ellipse at 85% 0%, #2a78481c, transparent 40%), #0b1220 !important;
}
html body.home-modern::before,
html body.mainpage::before {
  background-image: linear-gradient(#8ced7205 1px, transparent 1px), linear-gradient(90deg, #8ced7205 1px, transparent 1px);
}
html body.home-modern .navbar .logo-hld,
html body.mainpage .navbar .logo-hld,
html body.mainpage > .header .navbar::before {
  background-image: url('/img/nav-logo-long.png?v=4');
  filter: drop-shadow(0 4px 14px #55dc5120);
}
html body.home-modern .navbar .logregbox .btn.reg,
html body.mainpage .navbar .logregbox .btn.reg {
  color: #0b2213 !important;
  background: linear-gradient(135deg, #b4f88c, #6cdd79) !important;
  box-shadow: 0 5px 18px #58c45b19;
}
html body.home-modern .navbar .btn.active,
html body.mainpage .navbar .btn.active,
html body.mainpage > .header .navactive { color: #b4f5a0 !important; }
html body.home-modern .navbar .btn::after,
html body.mainpage .navbar .btn::after,
html body.mainpage > .header .navitem::after { background: #8ced72; }
html body.home-modern :is(a,button):focus-visible,
html body.mainpage :is(a,button,input,select):focus-visible { outline: 2px solid #a4f28e; outline-offset: 5px; }
html body.home-modern .top-holder {
  border-color: #62c97936 !important;
  background: radial-gradient(ellipse at 0% 50%, #235d4029, transparent 65%), #101b2b !important;
}
html body.home-modern .top-holder :is(h1 strong,h1 span,.title strong) { color: #a5ef88; }
html body.home-modern .hero-intro-stage {
  --intro-accent: #5ecf6c;
  --intro-light: #baf7a1;
  --intro-edge: #24623b;
}
html body.home-modern .hero-intro-coin > .hero-intro-f {
  color: #f4fff0;
  background: radial-gradient(circle at 32% 28%, #e4ffce, #74d87c 35%, #32985a 75%);
}
html body.home-modern .leaderboard-panel { --panel-accent: #8ced72; --panel-accent-2: #3aa675; }
html body.home-modern .live-donates { --live-accent: #8ced72; --live-purple: #43a875; }
html body.home-modern .prices-block .plan-block .buy-button,
html body.home-modern .top-holder :is(.btn-register,.register-btn,.get-started) {
  background: #367c4d !important;
  border-color: #6fba79 !important;
  color: #f4fff0 !important;
}
html body.home-modern .contact-form-modern :is(button,input[type=submit]) { background: #367c4d !important; color: #f4fff0 !important; }
html body.home-modern .hero-cta.primary { background: #8ced72 !important; border-color: #a8ed92 !important; color: #102718 !important; box-shadow: 0 8px 24px #65d8721c !important; }
html body.home-modern .hero-cta.secondary { border-color: #659f6a77 !important; color: #c6edb8 !important; }
html body.home-modern .settlement-pill { border-color: #56996366 !important; background: #1b392c !important; }
html body.home-modern .settlement-pill :is(i,strong) { color: #a4ed8b !important; }
html body.home-modern .prices-block[style*='align-items'] .bottom-block { scrollbar-color: #458959 var(--home-card); }
html body.mainpage .main .posts,
html body.mainpage .main > .details {
  background: radial-gradient(ellipse at 100% 0%, #285e3624, transparent 45%), #111b2b;
  border-color: #354b49 !important;
}
html body.mainpage a { color: #a3e98b !important; }
html body.mainpage .litem { border-color: #365747; }
html body.mainpage .litem:hover { border-color: #7fc77e; box-shadow: 0 10px 28px #0003; }
html body.mainpage .litem .title h3 { color: #b2e99c !important; }
html body.home-modern .navbar .btns-hld .btn::after,
html body.mainpage .navbar .btns-hld .btn::after { background: #8ced72 !important; }
html body.mainpage :is(.litem,.endpoint-card,.itemsholder .item):focus-within { outline: 2px solid #8ced72; outline-offset: 4px; }
html body.mainpage .main .posts .details h2 { border-inline-start-color: #8ced72; }
@media(prefers-reduced-motion:reduce) {
  html body.home-modern .hero-intro-stage * { animation: none !important; }
}