body{font:400 16px/1.5 var(--font-b)}
a{color:var(--link-blue)}
h1{font-size:32px;font-weight:700}
h2{font-size:28px;position:relative;margin-top:1.4em;padding-bottom:6px}
h2::after{content:"";position:absolute;left:0;bottom:-5px;width:10%;height:5px;border-radius:4px;background:var(--accent)}
.gcar-title::after{display:none}
h3{font-size:24px}
.site-header{position:sticky;top:0;background:var(--header-bg);backdrop-filter:none;border-bottom:0;box-shadow:0 0 1px rgba(0,0,0,.32),0 4px 8px rgba(0,0,0,.24)}
.header-inner{max-width:100%;min-height:73px;padding:0 15px 0 20px;gap:16px;flex-wrap:nowrap}
.burger{order:-1;width:30px;height:24px;border:0;background:transparent;border-radius:0}
.burger span,.burger span::before,.burger span::after{background:#a2a5af;height:2px;border-radius:2px}
.burger span{width:24px}
.burger span::before{width:16px;left:auto;right:0}
.burger span::after{width:19px;left:auto;right:0}
.logo{order:0;font-size:20px}
.logo img{max-height:28px}
.main-nav{margin-left:0;order:1}
.main-nav a{color:var(--muted);font-size:14px;padding:6px 10px;border-radius:8px}
.main-nav a:hover,.main-nav a[aria-current=page]{background:var(--nav-bg);color:var(--text)}
.header-cta{margin-left:auto;order:3}
.btn{border-radius:16px;font:600 14px/1.2 var(--font-b);padding:10px 16px;border:0;box-shadow:inset 0 0 0 2px var(--outline);color:var(--text);background:transparent}
.btn:hover{background:#2a2d35;transform:none}
.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:inset 0 0 0 2px var(--primary)}
.btn-primary:hover{background:var(--primary);filter:brightness(1.1)}
.btn-sm{padding:6px 11px 8px;font-size:14px}
.btn-lg{padding:12px 28px;font-size:16px}
.hero{background:linear-gradient(135deg,#0b1a12,#101114);border-radius:15px;border:0;box-shadow:none}
.hero-media img{border-radius:12px}
.hero h1{font-size:32px}
.slider{border-radius:12px}
.slide-caption{background:linear-gradient(transparent,rgba(0,0,0,.8))}
.slider-dots button.active,.slider-dots .slider-dot.active{background:#fff;width:60px;border-radius:2px}
.slider-dots button,.slider-dots .slider-dot{width:60px;height:4px;border-radius:2px;background:#444}
.slider-arrow{background:transparent;border:0;color:#fff;font-size:36px}
.slider-arrow:hover{background:transparent;color:var(--primary)}
.x-menu-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}
.x-menu-item{background:linear-gradient(173deg,#252e4c,#192033);flex:1;align-items:center;text-decoration:none}
.x-menu-item strong{display:block;font-size:20px}
.x-menu-item span{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px}
.x-game-block{background:linear-gradient(173deg,#252e4c,#192033);border-radius:15px;padding:20px;position:relative;margin-bottom:24px}
.x-game-block::before{content:"";position:absolute;top:0;left:3%;width:94%;height:4px;border-radius:4px;background:linear-gradient(90deg,#4c2cff,#e11bd8,#ff9d00)}
.x-rail-title{margin-top:0}
.x-rail-title::after{display:none}
.card{background:var(--card-bg);border:0;border-radius:10px;padding:0;overflow:hidden}
.card img{border-radius:10px}
.card h3{font-size:14px;font-weight:600;margin:8px 0;padding:0 4px}
.table-wrap{border-radius:15px;border:1px solid #090f1e;background:#17233a;overflow-x:auto}
table{font-size:14px}
th{color:#fff;font-weight:400;text-transform:none;letter-spacing:0;border-bottom:0;background:#288ff2;font-size:19px;padding:10px}
td{border-bottom:0;padding:10px;background:#17233a;white-space:nowrap}
tr:nth-child(even) td{background:#273352}
.section{margin-bottom:24px}
.page-body ul{list-style:disc;padding-left:40px;margin:15px 0}
.faq details,.related-card,.steps>li,.cta-box,.promo-box,.author-box,.note{background:var(--surface);border-color:var(--border)}
.cta-box{background:var(--surface);border:1px solid var(--surface2)}
.faq summary{font-family:var(--font-b);font-weight:500}
.related-card strong{color:var(--primary)}
.site-footer{background:var(--footer-bg);border-top:0;color:#7e8c8d;font-size:12px;font-weight:500;padding-top:20px}
.footer-nav a{color:var(--muted)}
.footer-legal{border-top:1px solid var(--surface2)}
.age-badge{border-color:var(--muted)}
@media (max-width:980px){
.header-inner{min-height:60px;padding:0 10px}
.main-nav{inset:60px 0 auto 0;background:var(--nav-bg);max-height:calc(100vh - 60px)}
.header-cta{margin-left:auto}
.logo img{max-height:23px}
h1{font-size:26px}
h2{font-size:24px}
h3{font-size:20px}
.x-game-block{padding:14px}
}
@media (max-width:560px){
.header-cta .btn{display:inline-flex;font-size:12px;padding:5px 10px}
.btn{font-size:12px}
.x-menu-row{grid-template-columns:1fr}
.x-menu-item{padding:20px 25px}
.hero{padding:16px}
}
/* AI: звірка з референсом inner 1 */
.page-body li::marker{color:#fff}
.page-body h2::after,h2::after{background:#288ff2}
.page-body p{font-size:12px;line-height:1.7;margin-bottom:15px}
.steps>li{background:#171f33;border:0;border-radius:12px}
.steps>li::before{background:var(--primary)}
.promo-box{border-color:#288ff2}
.note{background:#171f33;border-left:0;border-radius:10px}
/* AI: Слайдер героя на головній тепер розтягнуто на всю ширину вікна браузера за допом */
.slider[data-sg="eqtfj6ry"]{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}
.slider[data-sg="eqtfj6ry"] .slide img{width:100%;height:100%;min-height:100%;object-fit:cover;display:block}
/* AI: Слайдер героя на головній тепер має повну висоту: слайди та зображення заповнюют */
.slider[data-sg="eqtfj6ry"] .slider-track{align-items:stretch;height:100%}
.slider[data-sg="eqtfj6ry"] .slide{height:auto;display:flex;flex-direction:column;position:relative}
.slider[data-sg="eqtfj6ry"] .slide>a{display:block;flex:1 1 auto;height:100%}
.slider[data-sg="eqtfj6ry"] .slide-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;top:0;background:rgba(0,0,0,.35)}
/* AI: Текст у підписах слайдів головного слайдера (секція data-sg=eqtfj6ry) вирівняно  */
.slider[data-sg="eqtfj6ry"] .slide-caption strong{display:block;text-align:center;width:100%}
/* AI: Маркер списків .page-body li::marker прибрано для елементів, де вже є власні мар */
.page-body .steps>li::marker,.page-body .checklist>li::marker{content:none;font-size:0;color:transparent}
.page-body .steps,.page-body .checklist{list-style:none}
/* blocks: / */
.x-menu{display:flex;gap:15px;width:75%;margin:0 auto 30px}
.x-menu-item{display:flex;min-height:80px;padding:0 25px;border-radius:12px;background-image:linear-gradient(110deg,rgb(30,40,63),rgba(20,27,46,.6));color:var(--text);font-size:22px;font-weight:700}
.x-menu-item small{font-size:12px;font-weight:700}
.x-menu-item:hover{background:linear-gradient(110deg,rgb(23,32,52),rgb(27,37,59))}
@media (max-width:980px){
.x-menu{flex-wrap:wrap;width:85%}
.x-menu-item{flex:none;width:calc(50% - 15px)}
}
@media (max-width:560px){
.x-menu-item{width:100%}
}