/* NIK: 888starzsite.bet -> seopanell project 65.
   Part 1: panel defaults neutralised. Part 2: donor stylesheet (style_4a7f…/style_00d1….css) ported onto panel markup.
   Values are taken from the donor CSS / measured computed styles, not estimated. */

/* ---------- base ---------- */
html body{font-family:"Poppins",sans-serif!important;background-color:#140836!important;font-size:18px!important;line-height:30px!important;font-weight:400!important}
main,main h1,main h2,main h3,main h4,main h5,main h6,main a.btn,header a,header a.btn,footer,footer a,footer h4,.subtitle1{font-family:"Poppins",sans-serif!important}
main section{margin:0!important;padding:0!important;max-width:none!important}
main>section.breadcrumbs-section{display:none!important}
main img,footer .footer-text img{max-width:100%;height:auto;border-radius:0!important}

/* UA default block margins (panel resets everything with *{margin:0}) */
main section p,footer .footer-text p{margin:1em 0}
main section h2{font-size:1.5em;line-height:inherit;font-weight:700;margin:.83em 0}
main section h3{font-size:1.17em;line-height:inherit;font-weight:700;margin:1em 0}
main section h5{font-size:.83em;line-height:inherit;font-weight:700;margin:1.67em 0}
main section h6{font-size:.67em;line-height:inherit;font-weight:700;margin:2.33em 0}
main section ul,main section ol{margin:1em 0;padding-left:40px}
main section li{margin:0}
main section table{border:0;border-collapse:separate;border-spacing:2px}
main section td,main section th{border:0;padding:1px}
main section th{font-weight:700;text-align:center}

/* ---------- container ---------- */
main .container:not(.card),main>section.content,main>section.faq{max-width:1320px!important;margin:0 auto!important;padding:0 15px!important}

/* ---------- header (donor .header / .header__flex / .navbar / .header__button) ---------- */
header{position:absolute!important;top:0;left:0;width:100%;z-index:999;background-color:transparent!important}
header.scroll{position:fixed!important;box-shadow:0 3px 10px 0 rgba(0,0,0,.3);border-color:transparent;background-color:#1b1d4d!important;animation-name:nikFadeInDown;animation-duration:1s;animation-fill-mode:both}
@keyframes nikFadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}100%{opacity:1;transform:none}}
header .header-container{max-width:1320px!important;height:auto!important;min-height:95px;padding:23px 30px!important;justify-content:space-between!important;align-items:center}
header .header-container .logo{display:block!important;align-self:flex-start;margin-right:0!important;line-height:30px}
header .header-container .logo img{max-width:none!important;width:auto!important;height:40px!important;border-radius:0!important}
header .header-container .menu{align-self:center!important}
header .header-container .menu nav{margin-left:0!important;column-gap:0!important;padding:.5rem 0}
header .nav-menu{gap:0!important}
header .header-container .menu a{display:block!important;padding:0 10px;font-size:18px!important;font-weight:600!important;line-height:30px!important;letter-spacing:normal!important;text-transform:capitalize!important;text-decoration:none;color:#fff!important;border:0!important;transition:.3s}
header .header-container .menu a:hover{color:rgb(161,255,0)!important}
header nav>ul.nav-menu>li:first-child span.dropdown-arrow,header nav>ul.nav-menu>li:first-child>ul.submenu{display:none!important}
header .header-container .buttons{column-gap:0!important;align-items:center;margin-inline-start:48px!important;padding:0!important}
header .languages{display:none!important}
header .buttons a.btn{display:block!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:18px!important;line-height:30px!important;font-weight:400!important;letter-spacing:normal!important;text-align:start}
header .buttons a.btn.btn-2{margin:0 15px!important;color:#fff!important;text-transform:uppercase!important;text-decoration:none!important}
header .buttons a.btn:not(.btn-2){margin:0!important;color:rgb(0,0,238)!important;text-transform:none!important;text-decoration:underline!important}
header .burger{order:9;margin:0 0 0 12px!important}
header .burger svg{fill:#fff!important;width:30px;height:30px}

/* ---------- buttons inside content (donor .btn / .reg) ---------- */
main a.btn{margin:0 15px}
main a.btn.reg{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:0!important;margin-left:15px;padding:15px 35px!important;font-size:18px!important;font-weight:600!important;line-height:27px!important;letter-spacing:normal!important;text-transform:uppercase;text-decoration:none;color:rgb(6,4,23)!important;background-color:transparent!important;background-image:linear-gradient(#b3f11a,#007300)!important;border:4px solid #d98a1e!important;border-radius:20px!important;transition:all .5s}

/* ---------- hero (donor .banner / .counter) ---------- */
main .banner{overflow-x:initial}
main .banner__wrapper{background-image:url(https://mediafiles.seopanell.com/seo-image/index-banner-bg-707166589_1790945274.webp);background-repeat:no-repeat;background-position:center;position:relative;background-size:contain;padding:195px 0 160px}
main .banner-content{width:45%;color:#fff}
html[lang="en"] main .banner-content{width:60%}
main .sub-title{font-size:24px;line-height:31.2px;margin-top:-6px;text-transform:capitalize;transition:all .3s;font-weight:500;margin-bottom:27px;color:rgb(161,255,0)}
main .title,footer .title{font-weight:700;margin-bottom:10px;font-size:76px;line-height:98.8px;margin-top:-20px;color:#fff!important;text-transform:capitalize;transition:all .3s}
main .title span{color:rgb(161,255,0)}
main .description{font-size:24px;line-height:36px;margin-top:-7px;color:rgba(255,255,255,.8)}
main .counter{margin-top:-85px;transform:translateZ(10px)}
main .counter__flex{margin-bottom:-30px;display:flex;flex-wrap:wrap}
main .counter__item{flex:0 0 auto;width:45%;margin:0 12px}
main .counter__item__wrapper{border-radius:10px;background-color:rgb(17,4,31);padding:25px 30px;background-image:url(https://mediafiles.seopanell.com/seo-image/counter-ball-1240470171_1790945204.webp);background-size:auto;background-repeat:no-repeat;background-position:right bottom;margin-bottom:30px;display:flex;align-items:center}
main .counter__item__img{margin-right:30px}
main .counter__item__text h6{font-size:18px;line-height:23.4px;color:#fff;font-weight:600;text-transform:capitalize;transition:all .3s;margin:0}
main .counter__item__text h3{font-size:43px;line-height:55.9px;color:rgb(45,203,42);margin:10px 0 0;font-weight:600;text-transform:capitalize;transition:all .3s}
main .counter__item__text p{margin:0;font-size:18px;font-weight:400;line-height:30px;color:rgba(255,255,255,.8)}
main .counter__item__text p span{color:#ffcc00}
main .counter__item__wrapper.second{background-image:url(https://mediafiles.seopanell.com/seo-image/counter-light-1847960915_1790945201.webp);background-size:contain}

/* ---------- popular ---------- */
main .popular{background-image:url(https://mediafiles.seopanell.com/seo-image/popular-game-bg-2001297779_1790945241.webp);background-size:auto;background-repeat:no-repeat;position:relative}
main .popular__wrapper{padding-bottom:60px;padding-top:120px}
main .popular__center{text-align:center;margin-bottom:35px}
main .popular__text{display:flex;width:50%;margin:0 auto;justify-content:center}
main .popular__cards{display:flex;justify-content:space-between;flex-wrap:wrap}
main .popular__cards__item{margin:0 10px 10px}
main .popular__button{display:flex;justify-content:center;margin-top:40px}

/* ---------- article (quill section.content) ---------- */
main>section.content,main>section.faq{color:#fff;font-size:18px}
main>section.content h2,main>section.faq h2{color:#fff!important}
main>section.content a{color:rgba(255,255,255,.8)}
main>section.content ul li::marker{color:#b3f11a;font-size:20px}

/* ---------- FAQ (panel faq.tsx markup, donor typography) ---------- */
main>section.faq{padding-bottom:18px!important}
main>section.faq .container.card{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;color:#fff}
main>section.faq .accordion{display:block;margin-top:0;row-gap:0}
main>section.faq .accordion-item .accordion-header{flex-direction:row-reverse;justify-content:space-between;padding:0;margin:21.06px 0 0;background:transparent;border-radius:0}
main>section.faq .accordion-item .accordion-header svg{fill:#b3f11a;flex:0 0 auto}
main>section.faq h3.subtitle1{font-size:21.06px!important;line-height:30px!important;font-weight:700;margin:0;color:#fff}
main>section.faq .accordion-item .accordion-body{color:#fff}
main>section.faq .accordion-item .accordion-body>div{padding:0}
main>section.faq .accordion-item .accordion-body p{margin:21.06px 0 0}

/* ---------- footer ---------- */
footer{background-image:url(https://mediafiles.seopanell.com/seo-image/footer-bg-172770746_1790945240.webp);background-repeat:no-repeat;background-position:bottom;overflow-x:hidden}
footer .footer-container{max-width:1320px!important;padding:0 15px!important;column-gap:0!important;row-gap:0!important;justify-content:space-between!important;align-items:center!important;flex-direction:row!important}
footer .footer-container .footer-text{display:contents;font-size:18px!important;line-height:30px!important}
footer .footer__form{order:1;flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:center}
footer .footer-container>div:first-child{order:2;margin-top:120px;height:66px;justify-content:center!important}
footer .footer-container .menu{order:3;margin-top:120px;width:auto!important}
footer .footer-bottom{order:4;flex:0 0 100%;border-top:1px solid rgb(76,86,133);padding:40px 0;margin-top:30px}
footer .footer-container .logo{display:inline-block!important;margin-right:0!important}
footer .footer-container .logo img{max-width:none!important;width:auto!important;height:40px!important;border-radius:0!important}
footer .footer-container .menu ul{display:flex;gap:1.5rem;list-style:none;padding:0!important;margin:18px 0!important}
footer .footer-container .menu ul li{padding:0!important}
footer .footer-container .menu a{display:inline-block;color:#fff!important;font-weight:400;font-size:18px!important;line-height:30px!important;text-decoration:none!important}
footer .footer__form__wrapper{flex:0 0 auto;width:83.33333333%}
footer .footer__form__inner{background-image:url(https://mediafiles.seopanell.com/seo-image/footer-form-bg-1552113624_1790945238.webp);background-repeat:no-repeat;border-radius:10px;background-size:cover;padding:60px 200px}
footer .footer__form__wrapper form{margin:0 auto}
footer .footer__form__inner__item{background-color:rgba(76,41,126,.8);box-shadow:8.5px 14.722px 32px 0 rgba(44,44,77,.65);border:1px solid rgb(190,144,254);border-radius:20px;padding:10px;margin:30px 0 20px;display:flex}
footer .footer__form__inner__item input{color:rgba(255,255,255,.8);width:100%;border-radius:15px;outline-color:transparent;padding:10px;border:none;background:transparent}
footer .footer__form__inner__item .btn-area{display:flex;justify-content:center;align-items:center;padding:4px 10px;border-radius:50%;background-color:rgb(7,141,7);width:60px;height:60px}
footer .footer__form__inner .title{font-size:32px;line-height:41.6px;margin-top:-8px;text-align:center}
footer .copyright p{margin:0;font-size:18px;font-weight:400;color:rgba(255,255,255,.8);line-height:30px}

/* ---------- scroll to top ---------- */
.scrollToTop{position:fixed;bottom:0;right:30px;width:45px;height:45px;background-color:#a1ff00;border-radius:5px;line-height:45px;font-size:20px;text-align:center;z-index:9;cursor:pointer;transition:all 1s;transform:translateY(100%);color:#140836}
.scrollToTop.active{bottom:30px;transform:translateY(0)}

/* ---------- responsive (donor breakpoints) ---------- */
@media (max-width:1400px){
  main .container:not(.card),main>section.content,main>section.faq{max-width:1140px!important;padding:0 10px!important}
  header .header-container{max-width:1140px!important;padding:23px 25px!important}
  footer .footer-container{max-width:1140px!important;padding:0 10px!important}
  main .popular__cards{justify-content:flex-start}
  main .title{font-size:57px;line-height:74.1px;margin-top:-16px}
}
@media (max-width:992px){
  main .container:not(.card),main>section.content,main>section.faq{max-width:960px!important}
  header .header-container{max-width:960px!important}
  footer .footer-container{max-width:960px!important}
  footer .footer__form__inner{padding:60px 80px 40px}
  header{background-color:#1b1d4d!important}
  main .title{font-size:43px;line-height:51.6px;margin-top:-10px}
  main .popular__wrapper{padding-top:60px}
  main .popular__cards{justify-content:center}
  footer .footer__form__inner .title{font-size:24px;line-height:28px;margin-top:-6px}
  footer .footer-container>div:first-child,footer .footer-container .menu{margin-top:60px}
}
@media (max-width:768px){
  header .buttons a.btn.btn-2{display:none!important}
  header .header-container .buttons{margin-inline-start:auto!important}
  header .header-container .menu{align-self:auto!important;background-color:#1b1d4d!important}
  header .header-container .menu nav{padding:24px 0}
  header .header-container .menu a{font-size:16px!important;line-height:22px!important;padding:8px 10px}
  main a.btn.reg{padding:10px 30px!important;border:2px solid #d98a1e!important;line-height:18px!important;font-size:16px!important}
  main .counter__item__wrapper,main .counter__item__wrapper.second{background-image:none}
  main .counter__item__text h6{font-size:16px;line-height:22px}
  main .counter__item__text h3{font-size:32px;line-height:38.4px}
  main .counter__item__text p{font-size:16px;line-height:22px}
  main .counter__item__text p span{display:inline-block}
  main .popular__text{width:100%}
  footer .copyright p{text-align:center}
  main .banner__wrapper{background-size:cover;background-position:left -485px bottom;padding:145px 0 160px}
  main .banner-content{width:100%;color:#fff}
  html[lang="en"] main .banner__wrapper{background-size:300%;background-position:left -280px bottom;padding:195px 0 160px}
  html[lang="en"] main .banner-content{width:60%}
  footer .footer-container>div:first-child{flex-direction:column!important}
  footer .footer-container .menu>div{border:0!important;padding:0!important}
}
@media (max-width:576px){
  main .banner-content,html[lang="en"] main .banner-content{width:100%}
  main .counter__flex{flex-direction:column}
  main .counter__item{width:100%;margin:0}
  footer .footer__form__inner__item .btn-area{width:40px;height:40px}
  footer .footer-container>div:first-child,footer .footer-container .menu{flex:0 0 100%;display:flex;justify-content:center!important;align-items:center!important}
  footer .footer-container .menu{margin-top:0}
}
@media (max-width:480px){
  footer .footer__form__wrapper{width:100%}
  footer .footer__form__inner{padding:40px 20px 20px}
  main a.btn.reg{padding:10px 15px!important;line-height:14px!important;font-size:14px!important;margin:0 5px}
  main .banner__wrapper,html[lang="en"] main .banner__wrapper{padding:170px 0 130px;background-size:cover;background-position:left -160px bottom}
  footer .footer-container .menu ul{flex-wrap:wrap;justify-content:center}
}
@media (max-width:380px){
  header .header-container{padding:15px 10px!important;min-height:0}
}

/* ---------- NIK 2026-10-02: fixes after side-by-side measurement ---------- */
/* EN article tables carry border="1" in the donor markup: UA draws 1px outset on the table and 1px inset on cells */
main section table[border="1"]{border:1px outset currentColor}
main section table[border="1"] td,main section table[border="1"] th{border:1px inset currentColor}
@media (max-width:768px){
  /* donor: logo | button | toggler spread with space-between; toggler is 42x29 with three 30x4 bars */
  header .header-container .buttons{margin-inline-start:0!important}
  header .burger{margin:0!important;width:42px;height:29px;justify-content:center;align-items:flex-start;padding-top:1px}
  header .burger svg{display:none!important}
  header .burger::before{content:"";display:block;width:30px;height:22px;background:linear-gradient(#fff 0 0) 0 0/30px 4px no-repeat,linear-gradient(#fff 0 0) 0 9px/30px 4px no-repeat,linear-gradient(#fff 0 0) 0 18px/30px 4px no-repeat}
}
@media (max-width:576px){
  /* donor .footer-top becomes a column: the logo row is as tall as the logo link, not 66px */
  footer .footer-container>div:first-child{height:auto}
}