body{background:linear-gradient(180deg,#B9C3EE 0,#E9ECF8 700px) no-repeat,var(--bg);font:400 16px/1.6 var(--font-b)}
h2{font-size:clamp(22px,2.6vw,28px);margin-top:1.4em}
h3{font-size:clamp(19px,2.2vw,23px)}
.container{max-width:1000px}
.site-header{background:var(--header-bg);backdrop-filter:none;border-bottom:1px solid #DFE3F4}
.site-header .container.header-inner{max-width:1280px;min-height:88px;gap:28px;padding:0 24px}
.logo{font-weight:800;font-size:24px;color:var(--primary)}
.logo img{max-height:48px}
.main-nav{margin-left:8px}
.main-nav ul{gap:6px;flex-wrap:nowrap}
.main-nav a{font-weight:700;font-size:14px;padding:8px 12px;white-space:nowrap;background:none;border-radius:8px}
.main-nav a:hover,.main-nav a[aria-current=page]{background:none;color:var(--primary)}
.header-cta{margin-left:auto;gap:12px}
.header-app{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:14px;text-decoration:none;margin-right:8px}
.header-app::before{content:"";width:12px;height:20px;border:2px solid var(--primary);border-radius:4px}
.btn{border-radius:24px;font:700 16px/1.2 var(--font-b);padding:13px 26px}
.btn-sm{padding:9px 22px;font-size:14px}
.btn-primary{box-shadow:none}
.btn-primary:hover{box-shadow:0 6px 18px rgba(255,106,15,.35);background:color-mix(in srgb,var(--primary) 85%,#fff)}
.btn-login{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.page-body>section.section,.page-body>.x-chips,.page-body>.related,.page-body>.note,.page-body>.cta-box{max-width:1000px;margin-left:auto;margin-right:auto}
.content{padding:14px 0 50px}
.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto 18px;max-width:1000px;border-radius:16px;overflow:hidden;color:#fff;background:var(--dark-bg);border:0;box-shadow:none;isolation:isolate;min-height:360px;padding:36px 24px}
.hero>.hero-inner{display:block;width:100%}
.hero-media{position:absolute;inset:0;margin:0;z-index:-2}
.hero-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(10,8,30,.45),rgba(10,8,30,.55))}
.hero-text{max-width:720px;margin:0 auto}
.hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45);line-height:1.15;font-size:clamp(28px,4vw,44px)}
.hero .lead{color:#fff;font-size:16px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero p.lead:first-child{font-size:16px;font-weight:600;margin-bottom:.8em}
.hero-actions{justify-content:center;margin-top:20px}
.table-wrap,.card,.faq details,.related-card,.steps>li,.facts,.tcard{border-radius:16px;border-color:var(--border)}
th{text-transform:none;font-size:14px;color:var(--accent);letter-spacing:0}
td{font-size:14px}
.cta-box{background:linear-gradient(120deg,#FDE3D6,#fff);border-color:#F7C9AD}
.steps>li::before{background:var(--primary)}
.checklist>li::before{background-color:var(--accent);content:none;display:none}
.faq summary{font-size:16px}
.site-footer{background:var(--footer-bg);border-top:0;padding:36px 0 24px;color:var(--muted)}
.site-footer .container{max-width:1000px}
.footer-grid{grid-template-columns:1fr 1.6fr;gap:32px}
.footer-h{font-size:16px;font-weight:600;color:var(--text);margin:0 0 12px}
.footer-nav a{font-weight:600}
.footer-pay{margin-top:24px;padding-top:20px;padding:20px 20px 18px;border-radius:16px;border-top:0;background:#0F0E22;border:1px solid #2A2A4D}
.site-footer .footer-pay .pay-icons{background:transparent;padding:0;border-radius:0;gap:20px}
.footer-pay .pay-icons img{background:transparent;border:0;border-radius:0;padding:0}
.age-badge{border-color:var(--accent);color:var(--accent)}
@media (max-width:980px){
.site-header .container.header-inner{padding:0 16px;gap:12px;min-height:64px}
.main-nav{inset:64px 0 auto 0;margin:0}
.main-nav ul{flex-wrap:wrap}
.header-app{display:none}
.footer-grid{grid-template-columns:1fr}
.hero{min-height:300px}
}
@media (max-width:560px){
.header-cta .btn-login{display:none}
.header-cta .btn-primary{display:inline-flex}
.logo img{max-height:48px}
.hero{padding:28px 16px;min-height:480px}
.hero-actions .btn{width:auto;min-width:180px}
.site-footer .footer-pay .pay-icons{padding:0;gap:14px}
.site-header .container.header-inner{min-height:88px}
.hero .lead{font-size:18px}
.hero p.lead:first-child{font-size:18px}
}
/* blocks: / */
.x-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px;padding:14px;background:rgba(255,255,255,.55);border-radius:16px}
.x-chips a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:700;text-decoration:none;font-size:11px}
.x-chips a:first-child{flex:1 1 100%;padding:14px 20px;color:var(--muted);font-weight:400;border-radius:24px}
.x-chips a:nth-child(5){background:#fde3d6}
.x-chips a:nth-child(n+6){background:transparent}
.x-game-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px 10px}
.x-game{display:block;color:var(--text);text-decoration:none}
.x-game img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.x-game span{display:block;margin-top:6px;text-align:center;font-size:12px}
.pay-icons{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 1.2em}
@media (max-width:980px){
.x-game-grid{grid-template-columns:repeat(4,1fr)}
.x-chips a:first-child{flex:1 1 100%}
}
@media (max-width:560px){
.x-game-grid{grid-template-columns:repeat(2,1fr)}
.x-chips a{padding:10px 16px;font-size:14px}
.hero-actions{flex-direction:column;align-items:center;gap:12px}
.hero h1{font-size:30px}
}
/* AI: звірка з референсом home 1 */
.content>.container{max-width:1280px;padding:0 24px}
/* AI: звірка з референсом home 2 */
.hero-actions .btn{padding:13px 26px}
.x-chips a:first-child{background:#fff}
.table-wrap th:first-child,.table-wrap td:first-child{width:40%}
/* AI: звірка з референсом inner 1 */
.checklist>li{padding-left:0}
.checklist{list-style:disc;padding-left:1.3em!important}
.steps>li{margin-bottom:6px;background:#fff}
.steps>li+li{margin-top:6px}
.media-text img{border:0;border-radius:16px}
.section>h2:first-child{margin-top:0.6em}
/* AI: заміни цей блок на цей 
<div data-test-id="game-category-list-game-hall__casino- */
.x-game-img{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden}
.x-game-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.x-game-tag{position:absolute;left:0;top:0;padding:2px 8px;font-size:11px;font-style:normal;font-weight:600;color:#fff;background:#e5372a;border-bottom-right-radius:8px}
.x-game-prov{display:block;margin-top:6px;font-size:11px;opacity:.7;text-align:center}
/* AI: зроби херо блок таким 
<div class="swiper-wrapper" style="transition-duration: 0 */
.hero-slider{position:relative;overflow:hidden;min-height:420px;padding:36px 24px}
.hero-slider .hero-slides{display:flex;gap:8px;justify-content:center;align-items:stretch}
.hero-slide{flex:0 0 100%;max-width:1300px;position:relative}
.hero-slide-prev,.hero-slide-next{opacity:.2;flex:0 0 12%;overflow:hidden}
.hero-slide-active{flex:0 0 100%;max-width:1300px}
.hero-slide-inner{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px;overflow:hidden;border-radius:16px}
.hero-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-slide-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px;padding:40px 20px;color:#fff}
.hero-slide-text .hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.hero-slide-title{font-size:2rem;font-weight:800;margin:0 0 16px}
.hero-slider .hero-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;list-style:none;margin:0;padding:0;z-index:3}
@media (max-width:768px){
.hero-slide-prev,.hero-slide-next{display:none}
.hero-slide-inner{min-height:380px}
}
/* AI: Додано чисте hero-зображення без тексту (єгипетська тема з монетами, як на рефер */
.hero-slider .hero-media{position:absolute;inset:0;margin:0;z-index:-2}
.hero-slider .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slider::after{background:linear-gradient(rgba(10,8,30,.2),rgba(10,8,30,.35))}
.hero-slider .hero-inner{max-width:560px;margin:0 auto}
/* AI: Прибираю фон, рамки та темну підкладку навколо іконок методів депозиту у футері, */
.footer-pay .pay-icons img{object-fit:contain;filter:brightness(1.1);width:96px;height:64px}
@media (max-width:560px){
.footer-pay .pay-icons img{width:72px;height:48px}
.footer-pay{padding:16px 14px}
}
/* AI: Роблю блок методів депозиту у футері значно темнішим: темний фон плашки, світлий */
.footer-pay .footer-h{color:#fff}
/* AI: Збільшую іконки методів депозиту у футері на десктопі, планшеті та мобільній вер */
@media (max-width:980px){
.footer-pay .pay-icons img{width:84px;height:56px}
}

/* Homepage FAQs share the disclosure layout used on login pages. */ .faq.home-faq summary h3{display:inline;margin:0;font:inherit;color:inherit}