:root{
  --clr-nav:#1e2434;
  --clr-nav-2:#242b40;
  --clr-bg:#101624;
  --clr-bg-2:#151d30;
  --clr-card:#182036;
  --clr-line:#2b3450;
  --clr-txt:#e8edf7;
  --clr-mut:#9aa6c2;
  --clr-blue:#6da9eb;
  --clr-green:#6bdb5b;
  --clr-gold:#f4c86a;
  --clr-red:#e8615f;
  --rad:14px;
  --rad-sm:9px;
  --shadow:0 12px 32px rgba(0,0,0,.38);
  --wrap:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--clr-bg);scroll-behavior:smooth}
body{
  font-family:"Oswald",system-ui,Arial,sans-serif;
  background:var(--clr-bg);
  color:var(--clr-txt);
  line-height:1.6;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.fixed{overflow:hidden}
img{max-width:100%;display:block}
a{color:var(--clr-blue);text-decoration:none;transition:.22s}
a:hover{opacity:.85}
h1,h2,h3,h4{line-height:1.25;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#fff}
h1{font-size:30px;margin-bottom:14px}
h2{font-size:24px;margin-bottom:16px}
h3{font-size:19px;margin-bottom:10px}
p{margin-bottom:12px;color:var(--clr-txt)}
ul,ol{margin:0 0 14px 20px}
li{margin-bottom:6px}
.wrapper{width:100%;overflow:hidden}
.container{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}
.box{
  background:var(--clr-bg-2);
  border:1px solid var(--clr-line);
  border-radius:var(--rad);
  padding:22px;
  margin:16px 0;
  box-shadow:var(--shadow);
}
.mt1{margin-top:12px}
.mb1{margin-bottom:12px}
.text-center{text-align:center}
.row{display:flex;flex-wrap:wrap;align-items:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.header{
  background:var(--clr-nav);
  border:1px solid var(--clr-line);
  border-radius:var(--rad);
  padding:12px 18px;
  margin:16px 0;
  position:sticky;
  top:0;
  z-index:60;
}
.hd7c2{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap}
.logo img{height:44px;width:auto}
.nav9x{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap;flex:1}
.menu4k{display:flex;align-items:center;gap:18px;list-style:none;margin:0}
.menu4k li{margin:0}
.menu4k a{color:var(--clr-txt);display:inline-flex;align-items:center;gap:7px;font-size:15px;letter-spacing:.3px;text-transform:uppercase}
.menu4k a:hover{color:var(--clr-green)}
.menu4k svg{width:18px;height:18px;fill:var(--clr-blue);flex:0 0 auto}
.hd-act{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.online2p{display:inline-flex;align-items:center;gap:7px;background:var(--clr-nav-2);border:1px solid var(--clr-line);border-radius:40px;padding:6px 12px;font-size:13px;color:var(--clr-mut)}
.dotlive{width:9px;height:9px;border-radius:50%;background:var(--clr-green);box-shadow:0 0 0 0 rgba(107,219,91,.7);animation:pulz 1.8s infinite}
@keyframes pulz{0%{box-shadow:0 0 0 0 rgba(107,219,91,.55)}70%{box-shadow:0 0 0 9px rgba(107,219,91,0)}100%{box-shadow:0 0 0 0 rgba(107,219,91,0)}}
.online2p b{color:var(--clr-green)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:none;cursor:pointer;font-family:inherit;font-weight:600;
  text-transform:uppercase;letter-spacing:.5px;border-radius:var(--rad-sm);
  padding:10px 18px;font-size:14px;transition:transform .16s,box-shadow .22s,filter .22s;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn--green{background:var(--clr-green);color:#08300a;box-shadow:0 6px 16px rgba(107,219,91,.32)}
.btn--green:hover{filter:brightness(1.06);box-shadow:0 10px 22px rgba(107,219,91,.42);opacity:1}
.btn--blue{background:var(--clr-blue);color:#062038;box-shadow:0 6px 16px rgba(109,169,235,.28)}
.btn--blue:hover{filter:brightness(1.06);opacity:1}
.btn--ghost{background:transparent;color:var(--clr-blue);border:1px solid var(--clr-blue)}
.btn--ghost:hover{background:var(--clr-blue);color:#062038;opacity:1}
.btn--lg{padding:14px 30px;font-size:17px}
.btn--full{width:100%}

.burger{display:none;flex-direction:column;gap:5px;background:var(--clr-nav-2);border:1px solid var(--clr-line);border-radius:9px;padding:10px;cursor:pointer}
.burger span{width:24px;height:2px;background:#fff;transition:.25s}
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.hero5a{
  position:relative;border-radius:var(--rad);overflow:hidden;margin:16px 0;
  border:1px solid var(--clr-line);min-height:340px;display:flex;align-items:center;
  background:linear-gradient(120deg,rgba(16,22,36,.92),rgba(16,22,36,.55)),url('/hero-banner.png') center/cover no-repeat;
}
.hero-inner{padding:40px 34px;max-width:660px}
.hero-badge{display:inline-block;background:rgba(107,219,91,.14);border:1px solid var(--clr-green);color:var(--clr-green);border-radius:40px;padding:5px 14px;font-size:13px;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}
.hero5a h1{font-size:38px;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,0,0,.5)}
.hero5a p{font-size:18px;color:#dbe4f5;margin-bottom:22px;max-width:520px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-terms{font-size:12px;color:var(--clr-mut);margin-top:14px}

.crumbs3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--clr-mut);padding:12px 18px;background:var(--clr-bg-2);border:1px solid var(--clr-line);border-radius:var(--rad);margin:16px 0}
.crumbs3 a{color:var(--clr-blue)}
.crumbs3 span.sep{opacity:.5}

.toc1{list-style:none;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.toc1 li{margin:0}
.toc1 a{display:flex;align-items:center;gap:10px;background:var(--clr-card);border:1px solid var(--clr-line);border-radius:var(--rad-sm);padding:11px 14px;color:var(--clr-txt);font-size:15px}
.toc1 a:hover{border-color:var(--clr-green);color:var(--clr-green);opacity:1}
.toc1 svg{width:20px;height:20px;fill:var(--clr-blue);flex:0 0 auto}

.info-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl6{width:100%;border-collapse:collapse;min-width:520px}
.tbl6 tr{border-bottom:1px solid var(--clr-line)}
.tbl6 tr:nth-child(odd){background:rgba(255,255,255,.02)}
.tbl6 td{padding:13px 15px;text-align:left;vertical-align:top;font-size:15px}
.tbl6 td:first-child{width:42%;color:var(--clr-mut);font-weight:500}
.tbl6 td:first-child b{color:var(--clr-txt);display:inline-flex;align-items:center;gap:9px}
.tbl6 svg{width:18px;height:18px;fill:var(--clr-blue);flex:0 0 auto}
.tbl6 td:last-child{color:#fff}

.grid-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.adv-tile{background:var(--clr-card);border:1px solid var(--clr-line);border-radius:var(--rad-sm);padding:18px;text-align:center;transition:.25s}
.adv-tile:hover{transform:translateY(-4px);border-color:var(--clr-green)}
.adv-ico{width:52px;height:52px;margin:0 auto 12px;border-radius:14px;background:rgba(109,169,235,.12);display:flex;align-items:center;justify-content:center}
.adv-ico svg{width:28px;height:28px;fill:var(--clr-green)}
.adv-tile h3{font-size:16px;margin-bottom:6px}
.adv-tile p{font-size:14px;color:var(--clr-mut);margin:0}

.pnm{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pnm-col{border-radius:var(--rad-sm);padding:18px;border:1px solid var(--clr-line)}
.pnm-pro{background:rgba(107,219,91,.06);border-color:rgba(107,219,91,.4)}
.pnm-con{background:rgba(232,97,95,.06);border-color:rgba(232,97,95,.4)}
.pnm-col h3{display:flex;align-items:center;gap:9px}
.pnm-col h3 svg{width:20px;height:20px;flex:0 0 auto}
.pnm-col ul{list-style:none;margin:12px 0 0}
.pnm-col li{display:flex;align-items:flex-start;gap:9px;font-size:15px;margin-bottom:10px;color:var(--clr-txt)}
.pnm-col li svg{width:18px;height:18px;flex:0 0 auto;margin-top:3px}
.pnm-pro svg{fill:var(--clr-green)}
.pnm-con svg{fill:var(--clr-red)}

.win-scroll{overflow-x:auto}
.win-tbl{width:100%;border-collapse:collapse;min-width:460px}
.win-tbl th,.win-tbl td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--clr-line);font-size:14px}
.win-tbl th{color:var(--clr-mut);text-transform:uppercase;font-size:12px;letter-spacing:.6px}
.win-tbl td:last-child{color:var(--clr-green);font-weight:600;text-align:right}
.win-tbl tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.win-rank{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--clr-nav-2);align-items:center;justify-content:center;font-size:12px;color:var(--clr-blue)}
.win-tbl tr:nth-child(1) .win-rank{background:var(--clr-gold);color:#3a2a00}
.win-tbl tr:nth-child(2) .win-rank{background:#c9d2e2;color:#232a3a}
.win-tbl tr:nth-child(3) .win-rank{background:#cd8b52;color:#2a1400}

.slider-wrap{position:relative}
.slider-track{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bonus-card{background:var(--clr-card);border:1px solid var(--clr-line);border-radius:var(--rad-sm);padding:20px;display:flex;flex-direction:column;text-align:center}
.bonus-tag{align-self:center;background:var(--clr-green);color:#08300a;font-size:12px;font-weight:600;padding:4px 12px;border-radius:30px;margin-bottom:12px;text-transform:uppercase}
.bonus-card h3{font-size:20px;color:var(--clr-green)}
.bonus-card .bonus-sub{color:var(--clr-mut);font-size:14px;margin-bottom:14px}
.bonus-card ul{list-style:none;margin:0 0 16px;text-align:left}
.bonus-card li{font-size:14px;display:flex;gap:8px;align-items:flex-start}
.bonus-card li:before{content:"✓";color:var(--clr-green);font-weight:700}
.bonus-card .btn{margin-top:auto}

.games6{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.game-card{background:var(--clr-card);border:1px solid var(--clr-line);border-radius:var(--rad-sm);overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.game-card:hover{transform:translateY(-4px);border-color:var(--clr-blue)}
.game-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--clr-nav-2)}
.game-thumb img{width:100%;height:100%;object-fit:cover}
.game-prov{position:absolute;top:8px;left:8px;background:rgba(16,22,36,.8);color:var(--clr-mut);font-size:11px;padding:3px 8px;border-radius:20px}
.game-body{padding:13px;text-align:center;display:flex;flex-direction:column;gap:9px}
.game-body h3{font-size:15px;margin:0}

.review-block :where(h2,h3){color:#fff}
.step-list{counter-reset:st;list-style:none;margin:0}
.step-list li{position:relative;counter-increment:st;background:var(--clr-card);border:1px solid var(--clr-line);border-radius:var(--rad-sm);padding:15px 15px 15px 62px;margin-bottom:12px}
.step-list li:before{content:counter(st);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--clr-green);color:#08300a;display:flex;align-items:center;justify-content:center;font-weight:700}
.step-list li b{display:block;margin-bottom:3px;color:#fff}
.step-list li span{color:var(--clr-mut);font-size:14px}

.safe-box{background:linear-gradient(135deg,rgba(109,169,235,.08),rgba(107,219,91,.06));border:1px solid var(--clr-line)}
.safe-flags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.safe-flags a{display:inline-flex;align-items:center;gap:8px;background:var(--clr-nav-2);border:1px solid var(--clr-line);border-radius:30px;padding:8px 14px;font-size:14px;color:var(--clr-txt)}
.safe-flags a:hover{border-color:var(--clr-green);opacity:1}
.age-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--clr-red);border-radius:50%;color:var(--clr-red);font-weight:700;font-size:15px;flex:0 0 auto}

.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rev-card{background:var(--clr-card);border:1px solid var(--clr-line);border-radius:var(--rad-sm);padding:18px}
.rev-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.rev-ava{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--clr-blue),var(--clr-green));display:flex;align-items:center;justify-content:center;font-weight:700;color:#062038;flex:0 0 auto}
.rev-name{font-weight:600;color:#fff}
.rev-date{font-size:12px;color:var(--clr-mut)}
.stars{display:inline-flex;gap:2px}
.stars svg{width:15px;height:15px;fill:var(--clr-gold)}
.rev-txt{font-size:14px;color:var(--clr-mut);margin:0}

.frm{display:flex;flex-direction:column;gap:14px;max-width:560px;margin:18px auto 0}
.frm label{font-size:14px;color:var(--clr-mut);display:flex;flex-direction:column;gap:6px}
.frm input,.frm textarea{
  font-family:inherit;background:var(--clr-nav-2);border:1px solid var(--clr-line);
  border-radius:var(--rad-sm);padding:12px 14px;color:#fff;font-size:15px;width:100%;
}
.frm input:focus,.frm textarea:focus{outline:none;border-color:var(--clr-green)}
.frm textarea{min-height:120px;resize:vertical}
.frm-msg{display:none;background:rgba(107,219,91,.12);border:1px solid var(--clr-green);color:var(--clr-green);border-radius:var(--rad-sm);padding:12px 14px;font-size:14px}
.frm-msg.show{display:block}

.author{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.author-photo{width:96px;height:96px;border-radius:16px;object-fit:cover;flex:0 0 auto;border:2px solid var(--clr-line)}
.author-meta h3{margin-bottom:2px}
.author-role{color:var(--clr-blue);font-size:14px;margin-bottom:10px}
.author-bio{color:var(--clr-mut);font-size:15px;margin-bottom:12px}
.author-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.author-links a{display:inline-flex;align-items:center;gap:7px;font-size:13px;background:var(--clr-nav-2);border:1px solid var(--clr-line);border-radius:30px;padding:6px 13px;color:var(--clr-txt)}
.author-links svg{width:15px;height:15px;fill:var(--clr-blue)}
.author-date{font-size:13px;color:var(--clr-mut)}

.faq-item{border:1px solid var(--clr-line);border-radius:var(--rad-sm);margin-bottom:10px;overflow:hidden;background:var(--clr-card)}
.faq-q{width:100%;text-align:left;background:none;border:none;color:#fff;font-family:inherit;font-size:16px;font-weight:600;padding:15px 46px 15px 16px;cursor:pointer;position:relative}
.faq-q:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--clr-green);font-size:22px}
.faq-item.open .faq-q:after{content:"–"}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 16px}
.faq-item.open .faq-a{max-height:320px;padding-bottom:15px}
.faq-a p{color:var(--clr-mut);font-size:14px;margin:0}

.footer{background:var(--clr-nav);border:1px solid var(--clr-line);border-radius:var(--rad);padding:26px 22px;margin:16px 0 84px}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.ft-logo img{height:42px;margin-bottom:12px}
.ft-about{color:var(--clr-mut);font-size:14px}
.ft-flag{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--clr-mut)}
.ft-flag svg{width:22px;height:16px;border-radius:2px}
.ft-col h4{font-size:14px;margin-bottom:12px;color:#fff}
.ft-menu{list-style:none;margin:0}
.ft-menu li{margin-bottom:8px}
.ft-menu a{color:var(--clr-mut);font-size:14px}
.ft-menu a:hover{color:var(--clr-green)}
.ft-strip{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--clr-line)}
.ft-strip .lbl{font-size:12px;color:var(--clr-mut);text-transform:uppercase;letter-spacing:.5px;width:100%;margin-bottom:2px}
.pay-badge,.prov-badge,.lic-badge{background:var(--clr-nav-2);border:1px solid var(--clr-line);border-radius:7px;padding:7px 12px;font-size:13px;color:var(--clr-txt);display:inline-flex;align-items:center;gap:7px}
.lic-badge svg,.pay-badge svg{width:16px;height:16px;fill:var(--clr-green)}
.ft-social{display:flex;gap:10px;margin-top:6px}
.ft-social a{width:38px;height:38px;border-radius:9px;background:var(--clr-nav-2);border:1px solid var(--clr-line);display:flex;align-items:center;justify-content:center}
.ft-social svg{width:18px;height:18px;fill:var(--clr-blue)}
.ft-legal{margin-top:18px;padding-top:16px;border-top:1px solid var(--clr-line);font-size:13px;color:var(--clr-mut);text-align:center}
.ft-legal .age-badge{width:34px;height:34px;font-size:12px;vertical-align:middle;margin-right:6px}

.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:linear-gradient(90deg,var(--clr-nav),var(--clr-nav-2));border-top:1px solid var(--clr-line);box-shadow:0 -8px 24px rgba(0,0,0,.4)}
.stickybar-in{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;flex-wrap:wrap}
.stickybar-txt{display:flex;align-items:center;gap:12px;color:#fff;font-size:15px}
.stickybar-txt .gift{width:40px;height:40px;border-radius:11px;background:rgba(107,219,91,.14);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.stickybar-txt .gift svg{width:22px;height:22px;fill:var(--clr-green)}
.stickybar-txt b{color:var(--clr-green)}
.stickybar a.btn{text-decoration:none}

.section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.section-head svg{width:24px;height:24px;fill:var(--clr-green);flex:0 0 auto}
.section-head h2{margin:0}
.lead{color:var(--clr-mut);font-size:15px;margin-bottom:16px}

.text :where(h2){font-size:23px;margin:22px 0 12px}
.text :where(h3){font-size:18px;margin:18px 0 10px}
.text :where(p){margin-bottom:14px;color:var(--clr-txt)}
.text :where(ul,ol){margin:0 0 16px 22px}
.text :where(li){margin-bottom:7px;color:var(--clr-txt)}
.text :where(a){color:var(--clr-blue);text-decoration:underline}
.text :where(strong,b){color:#fff}
.text :where(blockquote){border-left:3px solid var(--clr-green);background:var(--clr-card);padding:12px 16px;margin:0 0 16px;border-radius:0 var(--rad-sm) var(--rad-sm) 0;color:var(--clr-mut)}
.text :where(table){width:100%;border-collapse:collapse;margin:0 0 18px;display:block;overflow-x:auto}
.text :where(th,td){border:1px solid var(--clr-line);padding:10px 13px;text-align:left;font-size:14px}
.text :where(th){background:var(--clr-nav-2);color:#fff}
.text :where(img){border-radius:var(--rad-sm);margin:0 0 16px}
.text :where(h2,h3){scroll-margin-top:90px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.vis{opacity:1;transform:none}

.badge-inline{display:inline-block;background:var(--clr-nav-2);border:1px solid var(--clr-line);border-radius:6px;padding:2px 8px;font-size:12px;color:var(--clr-mut)}
.hl-green{color:var(--clr-green)}
.hl-blue{color:var(--clr-blue)}
.divider-x{height:1px;background:var(--clr-line);margin:18px 0;border:0}
.chip-set{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--clr-nav-2);border:1px solid var(--clr-line);border-radius:30px;padding:5px 13px;font-size:13px;color:var(--clr-txt)}

@media(max-width:1024px){
  .hd7c2{flex-wrap:wrap;align-items:center}
  .nav9x{display:none;width:100%;order:3;flex:none;flex-direction:column;align-items:stretch;gap:14px}
  .nav9x.active{display:flex}
  .menu4k{flex-direction:column;align-items:flex-start;width:100%;gap:14px;margin-top:4px}
  .nav9x .hd-act{width:100%;flex-direction:column;align-items:stretch;gap:10px;padding-top:14px;border-top:1px solid var(--clr-line)}
  .nav9x .hd-act .online2p{justify-content:center}
  .nav9x .hd-act .btn{width:100%;justify-content:center;text-align:center}
  .burger{display:flex;order:2}
}
@media(max-width:900px){
  .ft-top{grid-template-columns:1fr 1fr}
  .grid-adv{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  h1{font-size:25px}.hero5a h1{font-size:29px}
  .toc1{grid-template-columns:1fr}
  .pnm{grid-template-columns:1fr}
  .slider-track{grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .slider-track>*{scroll-snap-align:start}
  .games6{grid-auto-flow:column;grid-auto-columns:60%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:12px}
  .games6>*{scroll-snap-align:start}
  .rev-grid{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr}
}
@media(max-width:560px){
  .grid-adv{grid-template-columns:1fr}
  .hero-inner{padding:28px 20px}
  .hero5a{min-height:300px}
  .stickybar-txt{font-size:13px}
  .stickybar-in{padding:9px 12px}
  .box{padding:17px}
}