@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(../fonts/space-grotesk-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#1b1d24;--bg2:#15171c;--panel:#262932;--panel2:#30343f;--line:#393d4a;--y:#ffc400;--y2:#ffd84d;--or:#ff8a00;--txt:#eceef3;--mut:#a3a8b8;--ok:#5bd66b;--bad:#ff6b6b;--r:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:17px/1.65 "DM Sans",system-ui,sans-serif}
a{color:var(--y2)}img{max-width:100%;height:auto;display:block}
h1,h2,h3,.btn{font-family:"Space Grotesk","DM Sans",sans-serif;font-weight:700}
h1{font-size:clamp(28px,3.6vw,44px);line-height:1.1;margin:0 0 .3em;text-transform:uppercase}
h2{font-size:clamp(22px,2.6vw,30px);line-height:1.2;margin:1.8em 0 .6em;padding-left:16px;border-left:5px solid var(--or);border-radius:2px;text-transform:uppercase}
h3{font-size:20px;margin:1.3em 0 .4em;color:var(--y2)}
p{margin:.6em 0}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:10px 20px;background:#23252d;border-bottom:1px solid var(--line)}
.logo img{height:44px;width:auto}
.topnav{display:flex;gap:6px}.topnav a{color:var(--txt);text-decoration:none;font-weight:700;padding:8px 14px;border-radius:8px}.topnav a:hover,.topnav a[aria-current]{background:var(--panel2)}
.top-cta{margin-left:auto;display:flex;gap:10px}
.btn{display:inline-block;padding:10px 22px;border-radius:8px;text-decoration:none;font-size:17px;text-align:center;transition:filter .2s}
.btn:hover{filter:brightness(1.1)}
.btn-y{background:var(--y);color:#1b1d24}.btn-o{border:2px solid var(--y);color:#fff}.btn-lg{font-size:19px;padding:13px 34px}
.burger{display:none;background:none;border:0;padding:6px;cursor:pointer}.burger span{display:block;width:24px;height:3px;background:#fff;margin:4px 0;border-radius:2px}
main{max-width:1240px;margin:0 auto;padding:22px clamp(14px,3vw,36px) 60px}
.hero{position:relative;border-radius:16px;overflow:hidden;background:#20232b;min-height:340px;display:flex;align-items:center}
.hero picture{position:absolute;inset:0 0 0 auto;width:62%;height:100%}.hero picture img{width:100%;height:100%;object-fit:cover;object-position:right center}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#20232b 38%,rgba(32,35,43,.7) 55%,rgba(32,35,43,0) 75%)}
.hero-in{position:relative;z-index:1;padding:30px clamp(18px,4vw,44px);max-width:620px}
.offer{font-size:clamp(20px,2.4vw,28px);font-weight:700;margin:0 0 .7em}.offer b{color:var(--y)}
.facts{display:flex;gap:10px;list-style:none;padding:0;margin:18px 0 0;flex-wrap:wrap}.facts li{background:rgba(21,23,28,.8);border:1px solid var(--line);border-radius:10px;padding:6px 12px;font-size:14px}.facts b{display:block;color:var(--y);font-size:16px}
.blk{margin:26px 0}.blk-h{font-family:"Space Grotesk",sans-serif;font-size:24px;margin:0 0 12px;padding-left:14px;border-left:5px solid var(--or);text-transform:uppercase}.blk-h span{color:var(--y)}
.games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.game{display:block;text-decoration:none;color:var(--txt);border-radius:12px;overflow:hidden;background:var(--panel)}.game img{aspect-ratio:1;width:100%;object-fit:cover;transition:transform .3s}.game:hover img{transform:scale(1.04)}.game span{display:block;font-size:14px;font-weight:700;padding:7px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wins{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.win{flex:none;display:flex;gap:10px;align-items:center;background:var(--panel);border-radius:10px;padding:6px 14px 6px 6px;font-size:14px}.win img{width:48px;height:48px;border-radius:8px}.win b{display:block}
.toc{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin:24px 0}.toc summary{cursor:pointer;padding:14px 18px;font-weight:700;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc summary:after{content:"+";float:right;color:var(--y)}.toc[open] summary:after{content:"-"}.toc ol{margin:0;padding:0 18px 16px 40px;columns:2}.toc a{color:var(--txt)}
.tbl{overflow-x:auto;margin:16px 0;border-radius:var(--r);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:480px}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--panel2)}td:first-child{color:var(--mut);font-weight:700}tr:nth-child(even) td{background:rgba(38,41,50,.6)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:16px}.box{background:var(--panel);border-radius:var(--r);padding:14px 20px}.box h3{margin-top:0}.pros li::marker{content:"+ ";color:var(--ok)}.cons li::marker{content:"- ";color:var(--bad)}
.steps{counter-reset:s;list-style:none;padding:0}.steps li{counter-increment:s;position:relative;padding:10px 0 10px 52px;border-bottom:1px dashed var(--line)}.steps li:before{content:counter(s);position:absolute;left:0;top:10px;width:36px;height:36px;border-radius:50%;background:var(--y);color:#1b1d24;font-weight:700;display:grid;place-items:center}
.note{background:#2d2610;border:1px solid #6b5500;border-radius:var(--r);padding:12px 16px;margin:16px 0}
.logos{display:flex;flex-wrap:wrap;gap:22px;align-items:center;background:var(--panel);border-radius:var(--r);padding:16px 20px;margin:16px 0}.logos img{height:24px;width:auto;opacity:.85}
.faq details{background:var(--panel);border-radius:10px;margin:8px 0}.faq summary{cursor:pointer;padding:13px 18px;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--y)}.faq details[open] summary:after{content:"-"}.faq details p{padding:0 18px 12px;margin:0}
.cta-band{margin:30px 0;padding:22px;border-radius:14px;background:linear-gradient(90deg,#3a2e05,#262932);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cta-band p{margin:0;font-size:20px;font-weight:700}
.author{display:flex;gap:16px;margin-top:40px;padding:18px;border-radius:var(--r);background:var(--panel)}.author img{flex:none;width:88px;height:88px;border-radius:50%;border:2px solid var(--y)}.author p{margin:.2em 0}.author .mut{color:var(--mut);font-size:15px}
.foot{background:var(--bg2);border-top:1px solid var(--line)}.foot-in{max-width:1240px;margin:0 auto;padding:34px 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:24px}.foot-in a{display:block;color:var(--mut);text-decoration:none;margin:4px 0}.foot-in a:hover{color:var(--y2)}.foot-h{font-weight:700}.small{font-size:14px;color:var(--mut)}
.pay{max-width:1240px;margin:0 auto;padding:0 20px 20px;display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:center}.pay img{height:18px;width:auto;opacity:.7}
.foot-b{text-align:center;padding:16px 20px 90px;color:var(--mut);font-size:14px;border-top:1px solid var(--line)}.age{display:inline-grid;place-items:center;width:42px;height:42px;border:2px solid #fff;border-radius:50%;font-weight:700;margin-right:8px}
.totop{position:fixed;right:16px;bottom:84px;width:44px;height:44px;border-radius:50%;background:var(--y);color:#1b1d24;display:grid;place-items:center;text-decoration:none;font-size:22px;font-weight:700;opacity:0;pointer-events:none;transition:.3s;z-index:40}.totop.show{opacity:1;pointer-events:auto}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;justify-content:center;align-items:center;gap:16px;padding:10px;background:rgba(21,23,28,.96);border-top:1px solid var(--line);transform:translateY(100%);transition:.3s}.sticky-cta.show{transform:none}.sticky-cta span{font-weight:700}
@media(max-width:900px){.burger{display:block}.topnav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#23252d;padding:10px;border-bottom:1px solid var(--line)}.topnav.open{display:flex}.games{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-in{grid-template-columns:1fr 1fr}.toc ol{columns:1}}
@media(max-width:600px){.top{gap:10px;padding:8px 12px}.logo img{height:34px}.top-cta .btn-o{display:none}.top-cta .btn{padding:8px 14px;font-size:15px}.hero{min-height:0;align-items:flex-end}.hero picture{width:100%;opacity:.45}.hero:after{background:linear-gradient(0deg,#20232b 25%,rgba(32,35,43,.4))}.hero-in{padding:90px 16px 18px}.facts{gap:6px;flex-wrap:nowrap}.facts li{padding:5px 8px;font-size:12px}.facts b{font-size:14px}h1{font-size:26px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}.pc{grid-template-columns:1fr}.foot-in{grid-template-columns:1fr}.sticky-cta span{display:none}body{font-size:16px}}