body{font:400 16px/1.5 var(--font-b);padding-left:var(--side-w);background:#0b0d1a;font-family:'DejaVu Sans','Segoe UI',Verdana,sans-serif;font-size:13px}
h1{font-size:32px}
h2{color:var(--primary);margin:1.2em 0 .6em;font-size:20px}
h3{font-size:18px;color:#fff}
.site-header{position:fixed;left:0;top:0;bottom:0;width:var(--side-w);background:var(--header-bg);border-right:1px solid var(--border);border-bottom:0;backdrop-filter:none;z-index:60;display:flex;flex-direction:column;overflow:auto}
.header-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px 18px 18px;min-height:100%;max-width:none}
.site-header .logo{justify-content:center;margin-bottom:20px}
.site-header .logo img{max-height:48px}
.header-cta{display:contents}
.side-btn{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;padding:14px 12px;font:700 14px/1.4 var(--font-h);text-transform:uppercase;text-decoration:none;color:#fff;margin-bottom:10px}
.side-btn.bonus{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
.side-btn.reg,.btn-primary{background:var(--grad-btn);border:0;color:#fff;text-transform:uppercase;box-shadow:none}
.side-btn.reg{min-height:44px;padding:10px 12px;background:linear-gradient(180deg,#ff7a33,#e24a05)}
.main-nav{margin:18px 0 0;order:5}
.main-nav ul{flex-direction:column;gap:0}
.main-nav a{display:flex;gap:14px;align-items:center;font-weight:400;border-radius:8px;background:none;padding:14px 8px;font-size:13px}
.main-nav a::before{content:"✦";font-size:13px;color:#fff;margin-left:6px}
.main-nav a:hover,.main-nav a[aria-current=page]{background:rgba(255,255,255,.06);color:#fff}
.lang-fake{margin-top:auto;order:9;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #3e4050;border-radius:24px;background:rgba(38,41,54,.78);font-size:14px;color:#fff}
.lang-fake i{width:18px;height:12px;background:linear-gradient(#fff 50%,#dc143c 50%);display:block}
.burger{display:none}
.btn{border-radius:999px;border:1px solid rgba(255,255,255,.3);color:#fff;text-transform:uppercase;font:700 15px/1.2 var(--font-h)}
.btn-primary{padding:13px 28px}
.btn-primary:hover{box-shadow:0 6px 20px rgba(248,93,17,.4)}
.content{padding:10px 16px 40px}
.content>.container{max-width:none;padding:0;background:transparent}
.hero{display:flex;position:relative;overflow:hidden;background:#171a28;border:1px solid var(--border);box-shadow:none;min-height:250px;padding:28px 30px;border-radius:16px}
.hero-text{position:relative;z-index:2;max-width:460px}
.hero .lead{color:#fff;font-size:14px;line-height:1.5}
.hero-media{position:absolute;right:0;top:0;bottom:0;z-index:1;width:70%}
.hero-media img{height:100%;aspect-ratio:auto;border-radius:0}
.section,.x-pay-rail{background:#0f1119}
.page-body>.section{padding:0 14px}
.table-wrap{border:0;background:transparent;border-radius:0}
th{text-transform:none;letter-spacing:0;font-size:13px;background:rgba(255,255,255,.3);padding:16px 10px}
th,td{border-bottom:1px solid rgba(255,255,255,.1)}
td{font-size:13px;padding:16px 8px}
.card,.related-card,.faq details,.cta-box,.promo-box,.steps>li{background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:12px}
.cta-box{background:#171a28;border:1px solid #3a3d52;border-radius:12px;padding:24px 28px}
blockquote,.note{background:#23253a;border-left:4px solid #3f3f61}
.x-pay-title{text-align:center;font-size:16px;text-transform:uppercase}
.pay-icons img{height:40px}
.site-footer{margin-left:calc(var(--side-w) * -1);padding-left:var(--side-w);background:var(--footer-bg);border-top:1px solid var(--border);padding-top:48px}
.footer-cols{display:flex;flex-wrap:wrap;gap:32px}
.footer-cols>*{flex:1 1 200px}
.site-footer .footer-nav ul{columns:2 160px}
.footer-note{margin-top:24px;padding:16px;border-radius:16px;background:var(--badge-bg);font-size:13px}
.footer-pay{margin:28px 0;text-align:center}
.footer-pay .pay-icons{justify-content:center;gap:40px}
.footer-legal{background:var(--badge-bg);padding:16px;border-radius:16px;border-top:0}
@media (max-width:980px){
body{padding-left:0;padding-top:64px}
.site-header{position:fixed;inset:0 0 auto 0;width:auto;bottom:auto;height:64px;flex-direction:row;border-right:0;border-bottom:1px solid var(--border);overflow:visible}
.header-inner{flex-direction:row;align-items:center;padding:0 16px;min-height:64px;gap:10px}
.site-header .logo{margin:0;margin-right:auto}
.site-header .logo img{max-height:36px}
.side-btn.bonus,.lang-fake{display:none}
.side-btn.reg{margin:0;padding:9px 16px}
.burger{display:inline-flex;order:10}
.main-nav{position:fixed;inset:64px 0 auto 0;background:var(--nav-bg);margin:0;padding:12px 16px;display:none;max-height:calc(100vh - 64px)}
.nav-open .main-nav{display:block}
.site-footer{margin-left:0;padding-left:0}
.hero{flex-direction:column;padding:28px 22px;min-height:0}
.hero-media{position:relative;width:auto;margin:20px -22px -28px;height:220px}
.hero-text{max-width:none}
.page-body>.section{padding:0 4px}
.hero-simple{min-height:280px}
.hero-simple-text{font-size:20px}
}
@media (max-width:560px){
h1{font-size:28px}
h2{font-size:24px}
h3{font-size:20px}
.content{padding:10px 12px 30px}
.side-btn.reg{display:none}
.header-cta .btn{display:none}
.footer-pay .pay-icons{gap:18px}
.pay-icons img{height:30px}
.hero-media{margin:20px -16px -24px;height:200px}
.site-header .logo{margin:0 auto}
.hero-actions{justify-content:center}
.burger{position:absolute;right:12px}
.cta-box .btn{width:100%}
.hero-simple-text{font-size:18px}
}
/* AI: звірка з референсом home 1 */
.hero h1{font-size:20px;line-height:1.3}
.side-btn.bonus{min-height:60px}
/* blocks: / */
.x-pay-rail{text-align:center}
.x-pay-rail h3{text-transform:uppercase;font-size:1rem;color:var(--primary);margin-bottom:1rem}
.x-pay-rail .pay-icons{display:flex;gap:2rem;overflow-x:auto;justify-content:center;flex-wrap:nowrap;scrollbar-width:none}
.x-pay-rail .pay-icons img{height:40px;width:auto;flex-shrink:0;object-fit:contain}
@media (max-width:980px){
.x-pay-rail .pay-icons{justify-content:flex-start;gap:1.5rem}
}
@media (max-width:560px){
.x-pay-rail .pay-icons img{height:32px}
.hero{background:#0b0d14;border:0;border-radius:0;padding:24px 16px;text-align:center}
.hero h1{font-size:28px}
.page-body h2{font-size:18px}
.hero-simple{border-radius:12px;min-height:260px;padding:16px}
.hero-simple-inner{padding:16px;flex-direction:column;align-items:stretch;text-align:center}
.hero-simple .btn{width:100%;text-align:center}
}
/* AI: звірка з референсом home 2 */
.main-nav a[aria-current=page]{background:none}
/* AI: звірка з референсом inner 1 */
.crumbs ol{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:14px}
.page-body p,.page-body li{font-size:13px;line-height:1.6}
.page-body h2{font-size:18px;font-weight:700;color:var(--button-color,#F85D11)}
.page-body h3{font-size:16px}
.steps>li{margin-bottom:12px;background:#171a28;border:1px solid #3a3d52}
.steps>li::before{background:#f85d11;color:#fff}
.cta-box strong{font-size:18px}
.cta-box .btn-primary{background:var(--grad-btn);border:0}
.table-wrap table{min-width:0}
.table-wrap th{padding:14px 12px}
.table-wrap td{padding:16px 12px}
.media-text img{aspect-ratio:auto;border-radius:12px}
/* AI: Переношу вміст поточного hero-блоку головної в основну SEO-секцію як звичайний т */
.hero-simple{position:relative;overflow:hidden;display:flex;border:1px solid var(--border);background:#171a28;flex-direction:column;justify-content:center;gap:16px;padding:32px;border-radius:12px;margin-bottom:24px;margin:0 0 24px;align-items:center;min-height:320px}
.hero-simple>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero-simple-inner{z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.1));position:relative;padding:32px}
.hero-simple-text{font:800 24px/1.25 var(--font-h);color:#fff;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.7);font-size:clamp(1.4rem,3.5vw,2.4rem);background:rgba(0,0,0,.55);padding:20px;border-radius:12px;max-width:460px}
.hero-simple .btn{white-space:nowrap}
.seo-intro h1{font-size:26px;margin:20px 0 12px}
/* AI: Старий hero замінено простим блоком .hero-simple із фоновим зображенням, коротки */
.hero-simple-media{inset:0;margin:0;border-radius:12px;overflow:hidden;min-height:280px;position:absolute}
.hero-simple-media img{width:100%;object-fit:cover;display:block;height:100%;min-height:280px}
.hero-simple-text,.hero-simple .btn{position:relative;z-index:1}
/* AI: На всіх контентних сторінках поточний hero перетворюється на звичайний текстовий */
.page-body>h1,.seo-intro h1{font-size:26px;margin:20px 0 12px}
/* AI: Dodano nowy hero na górze strony, a dotychczasowy H1 z wstępem pozostaje jako zw */
.hero-simple-text p{font-weight:700;margin:0 0 16px;font-size:1.25rem}
/* AI: Додано новий hero-simple з зображенням і кнопкою над контентом, а колишній hero  */
.hero-simple-title{font-size:1.8rem;font-weight:700;line-height:1.2;margin:0 0 16px;color:#fff}
@media (max-width:600px){
.hero-simple-inner{padding:20px}
.hero-simple-title{font-size:1.3rem}
.hero-simple{min-height:260px}
}
/* AI: Замінюю всі заголовки h4 у футері на div із тими самими класами-стилями, а CSS п */
.footer-title{margin:0 0 12px;text-transform:uppercase;color:var(--primary);font-size:16px;font-weight:700;line-height:1.3}