:root{
--bg:#0b0d14;
--panel:#141828;
--panel2:#1b2036;
--line:#272e4a;
--text:#e8eaf2;
--muted:#9aa1b8;
--red:#e3344e;
--red2:#ff5a39;
--gold:#f2b63c;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.65}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
a{color:var(--gold);text-decoration:none}
h1{font-size:2.3rem;line-height:1.2;margin:14px 0 18px}
h2{font-size:1.7rem;line-height:1.3;margin-bottom:18px;color:#fff}
h3{font-size:1.15rem;margin:22px 0 10px;color:var(--gold)}
p{margin-bottom:14px}
section{padding:54px 0}
.btn{display:inline-block;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:700;border-radius:10px;padding:13px 26px;box-shadow:0 6px 22px rgba(227,52,78,.35);transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(227,52,78,.5)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,13,20,.94);border-bottom:1px solid var(--line)}
.header-inner{max-width:1040px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:26px}
.logo{font-size:1.45rem;font-weight:800;letter-spacing:2px;color:#fff}
.logo span{color:var(--red2);letter-spacing:0}
.main-nav{display:flex;gap:22px;margin-left:auto}
.main-nav a{color:var(--text);font-weight:600;font-size:.95rem}
.main-nav a:hover{color:var(--gold)}
.btn-header{padding:10px 20px;font-size:.92rem}
.nav-toggle{display:none}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;margin-left:auto;padding:6px}
.burger span{display:block;width:26px;height:3px;border-radius:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
.hero{background:radial-gradient(ellipse at 20% 0%,rgba(227,52,78,.28),transparent 55%),radial-gradient(ellipse at 85% 100%,rgba(242,182,60,.14),transparent 50%),var(--panel);border-bottom:1px solid var(--line);text-align:left;padding:72px 0 64px}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:.8rem;font-weight:700}
.lead{font-size:1.08rem;color:var(--text);max-width:760px}
.punch{font-weight:700;color:var(--gold);margin-bottom:24px}
.hero-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.stat{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px 22px;min-width:150px}
.stat strong{display:block;font-size:1.35rem;color:#fff}
.stat em{font-style:normal;color:var(--muted);font-size:.85rem}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.data-table{width:100%;border-collapse:collapse;background:var(--panel);min-width:520px}
.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:.95rem}
.data-table thead th{background:var(--panel2);color:var(--gold);text-transform:uppercase;font-size:.78rem;letter-spacing:1px}
.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:none}
.data-table tbody th{color:var(--muted);font-weight:600;width:38%}
.data-table tbody tr:hover{background:var(--panel2)}
.facts,.games,.support{background:var(--bg)}
.payouts,.bonus,.license{background:linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%)}
.payouts .table-scroll{margin:6px 0 20px}
.steps{counter-reset:krok;list-style:none;margin:6px 0 28px}
.steps li{counter-increment:krok;position:relative;padding:14px 18px 14px 64px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.steps li::before{content:counter(krok);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.faq-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:14px}
.faq-item h3{margin:0 0 8px;color:#fff;font-size:1.05rem}
.faq-item p{margin:0;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:var(--panel);padding:36px 0 110px;color:var(--muted);font-size:.9rem}
.footer-nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.footer-nav a{color:var(--text);font-weight:600}
.mobile-cta{display:none}
@media (max-width:880px){
h1{font-size:1.65rem}
h2{font-size:1.35rem}
section{padding:40px 0}
.hero{padding:48px 0 44px}
.btn-header{display:none}
.burger{display:flex}
.main-nav{display:none;position:fixed;top:58px;left:0;right:0;flex-direction:column;gap:0;background:var(--panel);border-bottom:1px solid var(--line);z-index:49}
.main-nav a{padding:15px 24px;border-bottom:1px solid var(--line)}
.nav-toggle:checked ~ .main-nav{display:flex}
.nav-toggle:checked ~ .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-toggle:checked ~ .burger span:nth-child(2){opacity:0}
.nav-toggle:checked ~ .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.hero-stats{gap:10px}
.stat{flex:1 1 calc(50% - 10px);min-width:130px;padding:13px 16px}
body{padding-bottom:78px}
.mobile-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px 16px;background:rgba(11,13,20,.96);border-top:1px solid var(--line)}
.btn-bar{display:block;text-align:center;font-size:1rem}
}