:root{--color-background: #130C30;--color-main: #232745;--color-button__blue: #DAEC30;--color-button__blue--hover: #b9c929;--color-button__gray: #414141;--color-button__gray--hover: #5b5b5b;--color-principal: #FFFFFF;--color-sponsor: #79787B;--color-accordion: #131217;--color-secondary: #DAEC30;--color-banner__span: #DAEC30}*{box-sizing:border-box}body{width:100%;margin:0 auto;background-color:var(--color-background);color:var(--color-principal);display:flex;justify-content:center;flex-wrap:wrap;font-family:Inter,sans-serif}a{text-decoration:none;color:#fff}p a{color:#daec30}p{padding:5px 0;margin-bottom:10px;color:var(--color-principal);font-size:18px;line-height:24px}h1{padding:10px 0;margin-bottom:10px;margin-top:0;font-size:34px;line-height:40px}h2{padding:10px 0;margin:15px 0 10px;border-bottom:2px solid rgba(255,255,255,.7);font-size:30px;line-height:36px}h3{padding:5px 0;margin-bottom:10px;font-size:22px}h4{padding:5px 0;margin-bottom:5px;font-size:20px;font-weight:500}.main__container{border:2px solid rgba(255,255,255,.2);border-radius:10px;max-width:1240px;width:100%;padding:30px;background-color:var(--color-main);margin-bottom:50px;box-shadow:0 5px 10px 4px #000000ba;-webkit-box-shadow:0px 5px 10px 4px rgba(0,0,0,.73);-moz-box-shadow:0px 5px 10px 4px rgba(0,0,0,.73)}
.main__banner{display:flex;justify-content:center;align-items:center;padding:85px 25px;margin:10px 0;transition:all .3s ease-in-out;border-radius:10px;overflow:hidden;position:relative;width:100%;background-color:#035db5}
.main__banner:hover .banner__pic{scale:.5;left:130px}
.banner__pic{position:absolute;z-index:0;scale:.45;transition:all .3s ease-in-out;left:150px}
.banner__container{max-width:1024px;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;background-color:#000c;border-radius:15px;padding:40px;z-index:2}
.banner__text{margin-top:0;border:none;padding-top:0;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase}
.main__banner span{color:var(--color-banner__span)}
.banner__button{padding:10px 30px;font-weight:500;font-size:18px;line-height:24px;display:flex;justify-content:center;align-items:center;background-color:var(--color-button__blue);color:var(--color-background);transition:all .3s ease 0s;border-radius:10px;margin-top:15px}
.banner__button:hover{background-color:var(--color-button__blue--hover)}
.main__container .list__item{padding:5px 0}
.mobile__banner .banner__text,.casino__banner .banner__text{width:100%}
.main__paragraph a{color:#daec30;text-decoration:none}
.reviews__banner .banner__text,.bonus__banner .banner__text,.code__banner .banner__text,.no-deposit__banner .banner__text{width:100%}
@media screen and (max-width:1280px){.main__container{margin-left:20px;margin-right:20px;margin-top:20px}.banner__text{font-size:30px;line-height:38px}h1{font-size:32px;line-height:38px}h2{font-size:28px;line-height:32px}.banner__pic{left:60px}.main__banner:hover .banner__pic{left:40px}}
@media screen and (max-width:1120px){.main__container{margin-top:20px}.banner__pic{left:-150px}.main__banner:hover .banner__pic{left:-170px}}
@media screen and (max-width:1024px){.banner__text{font-size:28px;line-height:36px;margin-bottom:0}.main__container{padding:20px}h1{font-size:30px;line-height:36px}h2{font-size:26px;line-height:30px}h3{font-size:20px;line-height:25px}h4{font-size:18px}p{font-size:16px;line-height:22px}.banner__pic{left:-150px}.main__banner:hover .banner__pic{left:-170px}}
@media screen and (max-width:900px){.banner__pic{left:-280px}.main__banner:hover .banner__pic{left:-300px}}
@media screen and (max-width:768px){.banner__text{font-size:24px;line-height:32px}.banner__button{font-size:16px;line-height:24px}h1{font-size:28px;line-height:34px}h2{font-size:24px;line-height:28px}h3{font-size:20px}.banner__pic{left:-320px}.main__banner:hover .banner__pic{left:-340px}}
@media screen and (max-width:640px){.banner__text{font-size:22px;line-height:30px}p{font-size:14px;line-height:20px}.banner__pic{left:-400px;scale:.4}.main__banner:hover .banner__pic{left:-420px;scale:.45}}
@media screen and (max-width:540px){.banner__pic{left:-470px;scale:.4}.main__banner:hover .banner__pic{left:-480px;scale:.43}}
@media screen and (max-width:480px){.banner__text{font-size:20px;line-height:28px}.banner__pic{left:-500px;scale:.32}.main__banner:hover .banner__pic{left:-500px;scale:.35}}
@media screen and (max-width:400px){.banner__text{font-size:19px;line-height:27px}.banner__pic{left:-530px;scale:.25}.main__banner:hover .banner__pic{left:-530px;scale:.28}}
:root{--color-background:#0b1220;--color-main:#121f36;--color-principal:#e9f1ff;--color-button__blue:#2ed3a7;--color-button__blue--hover:#5ce4bf;--color-button__gray:#1f3155;--color-button__gray--hover:#2c4471;--color-sponsor:#9fb2d7;--color-accordion:#0f1a2f;--color-secondary:#57c9ff;--color-banner__span:#ff8754}
html{scroll-behavior:smooth}
body{background-color:var(--color-background);color:var(--color-principal)}
.main__container,.contact-page{background-color:var(--color-main);border:1px solid rgba(122,162,224,.32);border-radius:18px;box-shadow:0 20px 44px #04081473}
h1,h2,h3,h4{color:#f7fbff}
.main__paragraph,.content__paragraph,p{color:#d8e4fa}
.banner__button,.cta__button{border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 22px #0c152b59;transform:translateZ(0)}
.banner__button:hover,.cta__button:hover{transform:translateY(-2px)}
.main__banner{background-color:#183867;border:1px solid rgba(124,169,238,.36);border-radius:16px}
.banner__container{background-color:#080f1ec2;border:1px solid rgba(126,170,240,.33);border-radius:16px}
.banner__text{letter-spacing:.02em}
.contact-page{max-width:1240px;width:100%;margin:20px auto 50px;padding:30px}
.reveal-ready{opacity:0;transform:translateY(16px) scale(.995);filter:blur(1px)}
.reveal-ready.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity .52s ease,transform .52s ease,filter .52s ease}
@media(prefers-reduced-motion:reduce){.reveal-ready,.reveal-ready.is-visible,.banner__button,.cta__button{transition:none!important;transform:none!important;animation:none!important;opacity:1!important;filter:none!important}}
@media screen and (max-width:1024px){.main__container,.contact-page{border-radius:16px}}
@media screen and (max-width:640px){.main__container,.contact-page{padding:18px}}
:root{--site-header-offset: 92px;--page-gutter-mobile: 12px}
@media screen and (max-width:900px){.main__container,.contact-page{margin:12px var(--page-gutter-mobile) 34px;padding:16px}.main__banner{margin:14px 0 18px;padding:18px 10px;border-radius:14px}.banner__container{width:100%;max-width:100%;padding:18px 12px;border-radius:12px}.banner__text{font-size:clamp(20px,6.5vw,28px);line-height:1.2}.banner__pic,.main__banner:hover .banner__pic{left:50%;transform:translate(-74%);scale:.38}}
@media screen and (max-width:480px){.main__container,.contact-page{margin:10px 10px 28px;padding:14px}.main__banner{margin:12px 0 16px;padding:14px 8px}.banner__container{padding:16px 10px}.banner__text{font-size:clamp(18px,7.2vw,24px)}.banner__pic,.main__banner:hover .banner__pic{transform:translate(-79%);scale:.33}}
.home-page-root{margin-top:calc(var(--site-header-offset) + 12px)}
.not-found-page{margin-top:calc(var(--site-header-offset) + 12px);text-align:center;max-width:900px}
.not-found-page__cta{margin-top:18px;display:flex;justify-content:center}
.not-found-page__button{display:inline-flex}
.skip-link{position:absolute;left:12px;top:-48px;z-index:1000;padding:10px 14px;border-radius:10px;background:#111f38;border:1px solid rgba(126,171,240,.45);color:#f4f9ff;font-size:14px;font-weight:600;transition:top .2s ease}
.skip-link:focus{top:12px;outline:2px solid rgba(126,222,255,.9);outline-offset:2px}
#main-content:focus{outline:none}
.lucide-icon,.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:middle;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}
.material-symbols-outlined:not([data-lucide]){color:transparent}

/* In-content links must be identifiable without color only (WCAG 1.4.1). */
#main-content :is(p,li,td,th,figcaption,.main__paragraph) a:not([class*="button"]){
  color:#daec30;
  text-decoration:underline;
  text-decoration-thickness:0.12em;
  text-underline-offset:0.14em;
}

#main-content :is(p,li,td,th,figcaption,.main__paragraph) a:not([class*="button"]):visited{
  color:#c9dc24;
}

#main-content :is(p,li,td,th,figcaption,.main__paragraph) a:not([class*="button"]):hover{
  color:#f2ff7a;
  text-decoration-thickness:0.14em;
}

#main-content :is(p,li,td,th,figcaption,.main__paragraph) a:not([class*="button"]):focus-visible{
  outline:2px solid rgba(126,222,255,.9);
  outline-offset:2px;
  border-radius:4px;
}

/* Banner layout + subtle backdrop refinement */
.main__banner{
  isolation:isolate;
}

.main__banner::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px, rgba(143,198,255,.22) 1px, transparent 0);
  background-size:14px 14px;
  opacity:.08;
}

.banner__pic{
  z-index:1;
}

.banner__container{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.banner__text{
  width:100%;
}

.banner__button{
  margin-top:0;
}

@media screen and (max-width:900px){
  .main__banner::before{
    opacity:.18;
    background-size:12px 12px;
  }

  .banner__container{
    gap:12px;
  }
}

@media screen and (max-width:480px){
  .main__banner::before{
    opacity:.2;
    background-size:11px 11px;
  }
}