/* KikiBet brand layer — layered over original responsive 24-GEO layout */
:root{
  color-scheme:dark;
  --bg:#0e1016;--bg-2:#15171f;--bg-3:#1b1e29;--bg-4:#252832;
  --panel:#1a1d27;--line:rgba(193,215,164,.17);--line-soft:rgba(204,230,150,.11);
  --ink:#f4f6ef;--ink-dim:#d0d5d0;--muted:#a3aca2;
  --cyan:#d9ff52;--blue:#b4e748;--violet:#bce965;--gold:#f6dc80;
  --grad:linear-gradient(110deg,#cfff46 0%,#eaff77 58%,#d4f947 100%);
  --grad-soft:linear-gradient(115deg,rgba(181,224,58,.13),rgba(122,167,42,.1));
  --shadow:0 24px 64px rgba(0,0,0,.48);--shadow-sm:0 12px 30px rgba(0,0,0,.29);
}
html{color-scheme:dark}
body{background-color:#0e1016!important;background-image:radial-gradient(ellipse 950px 580px at 85% -2%,rgba(112,148,42,.12),transparent 70%),radial-gradient(800px 510px at 0 28%,rgba(95,119,55,.07),transparent 67%)!important;color:var(--ink-dim)}
body::selection{background:#d9ff52;color:#121512}
a{color:#d9ff52}a:hover{color:#f3ffb7}h1,h2,h3,h4{color:#f8faf6}small,.muted,.text-muted{color:#a3aca2}
.topbar{background:rgba(16,18,25,.95)!important;border-bottom:1px solid rgba(200,224,154,.14);box-shadow:0 3px 20px rgba(0,0,0,.14)}
.topbar .brandmark{min-width:145px}.brandmark img{display:block;width:154px;height:45px;object-fit:contain;object-position:left center}

:root{--kiki-btn-main:#f436b7;--kiki-btn-main-hover:#ff53c1;--kiki-btn-top:#28e6da;--kiki-btn-top-hover:#3cefe4}
.btn-primary,.cta,.btn.cta,.side-cta{background:var(--kiki-btn-main)!important;color:#0a0a0a!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 28px rgba(244,54,183,.28)!important;font-weight:800}
.btn-primary:hover,.cta:hover,.side-cta:hover{background:var(--kiki-btn-main-hover)!important;color:#0a0a0a!important;box-shadow:0 12px 30px rgba(244,54,183,.36)!important;filter:none!important}
.topbar-actions .btn-primary{background:var(--kiki-btn-top)!important;color:#0a0a0a!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 28px rgba(40,230,218,.26)!important}
.topbar-actions .btn-primary:hover{background:var(--kiki-btn-top-hover)!important;color:#0a0a0a!important;box-shadow:0 12px 30px rgba(40,230,218,.34)!important}
.btn-ghost,.btn-outline,.second{background:#242832!important;border-color:rgba(199,232,142,.18)!important;color:#eff3ed!important}
.btn-ghost:hover,.btn-outline:hover,.second:hover{background:#30352f!important;color:#fff!important}
.side{background:#15171e!important;border-right:1px solid rgba(201,228,158,.14)!important}
.side-promos .side-promo{background:linear-gradient(145deg,rgba(212,252,80,.10),rgba(63,74,47,.18))!important;border:1px solid rgba(201,226,149,.20)!important;color:#f4f8ed!important;border-radius:12px}
.side-link{border-radius:10px}.side-link:hover,.side-link.is-here{background:rgba(201,253,79,.12)!important;color:#eeffae!important}
.side-foot .fobet-language-select{background:#232731!important;color:#f4f7ea!important;border-color:rgba(215,255,102,.35)!important}
.side-foot .fobet-language-select:hover{border-color:#d9ff52!important}
.side-foot .fobet-language-select:focus-visible{outline-color:#d9ff52!important}
.side-foot .fobet-language-select option{background:#e7e9e4;color:#141711}
.side-foot-label{color:#c9d0c2!important}
.catbar{background:#171a21!important;border-bottom-color:rgba(195,223,152,.14)!important}
.banner{min-height:clamp(225px,24vw,340px);background:radial-gradient(ellipse 300px 270px at 84% 58%,rgba(221,254,73,.25),transparent 76%),radial-gradient(ellipse 340px 260px at 88% 10%,rgba(82,161,53,.17),transparent 83%),linear-gradient(105deg,#1c2029 5%,#262c29 59%,#293523 100%)!important;border:1px solid rgba(209,247,100,.3)!important;box-shadow:inset 0 1px 0 rgba(254,255,240,.07),0 14px 43px rgba(0,0,0,.20)}
.banner picture{display:none!important}
.banner::before{content:"";pointer-events:none;position:absolute;z-index:0;right:4%;top:14%;width:min(33%,290px);aspect-ratio:1;border:2px solid rgba(213,255,93,.34);border-radius:50%;box-shadow:0 0 0 18px rgba(213,255,93,.055),0 0 0 42px rgba(213,255,93,.035),inset 0 0 120px rgba(213,255,93,.16);transform:rotate(-18deg)}
.banner::after{background:linear-gradient(90deg,rgba(15,19,26,.93) 0%,rgba(15,19,26,.52) 62%,rgba(16,18,19,.03) 100%)!important}
.banner-copy{border-left:3px solid #d9ff52!important;max-width:min(650px,94%)}
.banner-brand{color:#f7fff0!important;text-shadow:0 3px 30px rgba(0,0,0,.18)}
.banner-hed{color:#d5ff5b!important}.banner-offer{color:#f5f7ef!important}
.banner-note{color:#bfc7ba!important}
.banner-dots i{background:rgba(232,255,160,.35)}.banner-dots i:first-child{background:#d9ff52}
.band{background:transparent}.band-alt{background:rgba(26,30,36,.38)!important}
.card,.game,.game-tile,.tile,.stat,.feature,.provider,.faq,.payment-card,.highlight-card{border-color:rgba(195,225,145,.15)!important;background-color:#1b1f26}
.card:hover,.game:hover,.tile:hover,.game-tile:hover{border-color:rgba(208,247,130,.40)!important}
.elevated,.callout,.promo,.panel,.feature-card{background-color:#20242b;border-color:rgba(209,241,149,.17)}
.badge,.pill{border-color:rgba(210,246,144,.25)}
.sitefoot{background:#12151c!important;border-top:1px solid rgba(185,221,132,.16)!important}
.sitefoot .foot-brand img{width:152px!important;height:46px!important;object-fit:contain;object-position:left center}
.section-kicker,.eyebrow,.subheading{color:#d9ff52!important}
hr{border-color:rgba(208,243,160,.14)}
input:focus,select:focus,textarea:focus{border-color:#d9ff52!important}
/* Use small neon accents on dark panels instead of the old purple gradients */
.btn,.side-promo,.game-card,.tile{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
@media(max-width:680px){.topbar .brandmark{min-width:0}.brandmark img{width:118px;height:38px}.banner{min-height:215px!important}.banner::before{width:37%;top:27%;right:-7%;opacity:.46}.banner-copy{max-width:96%;padding:14px 13px!important;margin-left:7px!important}.banner::after{background:linear-gradient(90deg,rgba(15,19,26,.96),rgba(15,19,26,.66) 78%,rgba(15,19,26,.4))!important}.sitefoot .foot-brand img{width:140px!important}}


/* --- Final local-hosted KikiBet brand overrides --- */
.topbar,.drawer{background:linear-gradient(180deg,#0a0d11 0%,#090b0f 100%)!important}
.brandmark img{display:block;max-width:140px;height:auto}
.btn-ghost{border-color:rgba(214,255,79,.32)!important;color:#f5fbe8!important}
.banner{min-height:clamp(228px,24vw,336px);background:#050607 url('/assets/hero-kikibet.webp') center center/cover no-repeat!important;border:1px solid rgba(214,255,79,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.22)!important;overflow:hidden}
.banner::before{content:none!important}
.banner::after{background:linear-gradient(90deg,rgba(1,3,4,.96) 0%,rgba(1,3,4,.84) 34%,rgba(1,3,4,.56) 58%,rgba(1,3,4,.14) 82%,rgba(1,3,4,.02) 100%)!important}
.banner-copy{position:relative;z-index:1;border-left:3px solid #d6ff4f!important;max-width:min(640px,54%);padding:1.1rem 1.2rem 2.35rem!important;margin-left:1.05rem!important}
.banner-brand{color:#d6ff4f!important;text-shadow:none}
.banner-hed{color:#f4f8ec!important}
.banner-offer{color:#ffffff!important}
.banner-note{color:#d1d8ca!important;max-width:54ch}
.banner-dots i{background:rgba(255,255,255,.28)!important}
.banner-dots i:first-child{background:#d6ff4f!important}
.sitefoot .foot-brand img{max-width:140px;height:auto}
@media (max-width: 900px){.banner-copy{max-width:min(92%,520px)}}
@media (max-width: 680px){.brandmark img{width:118px!important;height:auto!important}.banner{min-height:215px!important;background-position:68% center!important}.banner::after{background:linear-gradient(180deg,rgba(1,3,4,.18) 0%,rgba(1,3,4,.45) 38%,rgba(1,3,4,.86) 72%,rgba(1,3,4,.96) 100%)!important}.banner-copy{max-width:96%;padding:14px 13px 1.65rem!important;margin-left:8px!important;border-left-width:2px!important}}