@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#181a20}
body{font-family:'Montserrat',serif;background:#181a20;color:#e8e8f0;font-size:15px;line-height:1.6;overflow-x:hidden}
a{color:#fcd535;text-decoration:none;transition:color .2s}
a:hover{color:#ffe76b}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
button{cursor:pointer;font-family:'Montserrat',serif}

.xb7r2-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.xb7r2-flex{display:flex;align-items:center}
.xb7r2-between{justify-content:space-between}
.xb7r2-col{flex-direction:column}
.xb7r2-center{justify-content:center}
.xb7r2-gap8{gap:8px}
.xb7r2-gap16{gap:16px}
.xb7r2-gap24{gap:24px}

.hdr-9k2m{position:sticky;top:0;z-index:1000;background:#15161c;border-bottom:1px solid #2a2c36;box-shadow:0 2px 16px rgba(0,0,0,.5)}
.hdr-9k2m .xb7r2-wrap{padding-top:12px;padding-bottom:12px; gap:10px}
.hdr-logo img{width:auto;height:30px}
.hdr-nav{display:flex;align-items:center;gap:24px}
.hdr-nav a{color:#c8cad8;font-size:14px;font-weight:500;transition:color .2s}
.hdr-nav a:hover{color:#fcd535}
.hdr-right{display:flex;align-items:center;gap:12px}
.hdr-online{display:flex;align-items:center;gap:6px;font-size:12px;color:#8b8fa8;margin-right:8px}
.hdr-online-dot{width:8px;height:8px;border-radius:50%;background:#2ecc71;animation:pulseDot 1.8s infinite}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(46,204,113,.4)}50%{box-shadow:0 0 0 6px rgba(46,204,113,0)}}

.btn-login{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;border:1.5px solid #ffffff;background:transparent;color:#ffffff;transition:all .2s}
.btn-login:hover{background:#ffffff;color:#15161c}
.btn-signup{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:700;border:none;background:#fcd535;color:#15161c;transition:all .2s}
.btn-signup:hover{background:#ffe76b;transform:translateY(-1px);box-shadow:0 4px 16px rgba(252,213,53,.35)}

.burger-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer}
.burger-btn span{width:24px;height:2px;background:#e8e8f0;border-radius:2px;transition:all .3s}
.burger-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.burger-btn.active span:nth-child(2){opacity:0}
.burger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#15161c;z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;transition:opacity .3s}
.mobile-menu.open{display:flex;opacity:1}
.mobile-menu .btn-login, .btn-signup {width: 50%;}
.mobile-menu .btn-signup {color: #0a0b10;}
.mobile-menu a{color:#e8e8f0;font-size:18px;font-weight:600}
.mobile-menu a:hover{color:#fcd535}
.mobile-menu-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#e8e8f0;font-size:28px;cursor:pointer}

.hero-f3q9{position:relative;min-height:500px;background:url('/binobi-hero.jpg') center/cover no-repeat;display:flex;align-items:center;overflow:hidden}
.hero-f3q9::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(21,22,28,.92) 40%,rgba(21,22,28,.6) 100%)}
.hero-content{position:relative;z-index:1;max-width:620px}
.hero-badge{display:inline-block;background:rgba(252,213,53,.15);border:1px solid rgba(252,213,53,.4);color:#fcd535;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.hero-h1{font-size:clamp(26px,4vw,46px);font-weight:800;color:#ffffff;line-height:1.2;margin-bottom:16px}
.hero-h1 span{color:#fcd535}
.hero-text{color:#c8cad8;font-size:16px;margin-bottom:28px;line-height:1.7}
.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fcd535;color:#15161c;font-weight:800;font-size:16px;border-radius:8px;border:none;transition:all .25s;text-decoration:none}
.hero-cta:hover{background:#ffe76b;color:#15161c;transform:translateY(-2px);box-shadow:0 6px 24px rgba(252,213,53,.4)}
.hero-cta-arrow{font-size:18px}

.breadcrumbs-7td{padding:14px 0;background:#15161c;border-bottom:1px solid #2a2c36}
.breadcrumbs-7td ol{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:13px;color:#8b8fa8}
.breadcrumbs-7td li{display:flex;align-items:center;gap:4px}
.breadcrumbs-7td li a{color:#8b8fa8}
.breadcrumbs-7td li a:hover{color:#fcd535}
.breadcrumbs-7td li:not(:last-child)::after{content:'/';margin-left:4px;color:#555770}
.breadcrumbs-7td li:last-child{color:#e8e8f0}

.sec-5wjn{padding:48px 0}
.sec-title{font-size:clamp(20px,3vw,28px);font-weight:700;color:#ffffff;margin-bottom:8px}
.sec-subtitle{color:#8b8fa8;font-size:14px;margin-bottom:28px}
.sec-divider{width:48px;height:3px;background:#fcd535;border-radius:2px;margin-bottom:28px}

.toc-d9xp{background:#1e2029;border:1px solid #2a2c36;border-radius:12px;padding:24px 28px}
.toc-d9xp .toc-title{font-size:16px;font-weight:700;color:#fcd535;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.toc-d9xp ol{counter-reset:toc-ctr;display:flex;flex-direction:column;gap:8px}
.toc-d9xp ol li{counter-increment:toc-ctr;display:flex;align-items:flex-start;gap:10px;font-size:14px}
.toc-d9xp ol li::before{content:counter(toc-ctr) '.';color:#fcd535;font-weight:700;min-width:20px}
.toc-d9xp ol li a{color:#c8cad8;transition:color .2s}
.toc-d9xp ol li a:hover{color:#fcd535}

.info-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.info-table{width:100%;border-collapse:collapse;font-size:14px}
.info-table th,.info-table td{text-align:left;padding:11px 16px;border:1px solid #2a2c36}
.info-table th{background:#15161c;color:#fcd535;font-weight:600;width:40%}
.info-table td{background:#1e2029;color:#e8e8f0}
.info-table tr:hover td{background:#242633}

.adv-grid{display:flex;flex-wrap:wrap;gap:16px}
.adv-card{flex:1 1 calc(33.333% - 16px);min-width:220px;background:#1e2029;border:1px solid #2a2c36;border-radius:12px;padding:22px 20px;transition:transform .2s,border-color .2s}
.adv-card:hover{transform:translateY(-3px);border-color:#fcd535}
.adv-icon{width:40px;height:40px;border-radius:10px;background:rgba(252,213,53,.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:20px}
.adv-title{font-size:15px;font-weight:700;color:#ffffff;margin-bottom:8px}
.adv-text{font-size:13px;color:#8b8fa8;line-height:1.6}

.jackpot-grid{display:flex;flex-wrap:wrap;gap:16px}
.jackpot-card{flex:1 1 calc(33.333% - 16px);min-width:200px;background:linear-gradient(135deg,#1e2029 0%,#15161c 100%);border:1px solid #2a2c36;border-radius:14px;padding:24px 20px;text-align:center;position:relative;overflow:hidden}
.jackpot-card::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(252,213,53,.12) 0%,transparent 70%)}
.jackpot-label{font-size:12px;font-weight:600;color:#8b8fa8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.jackpot-game{font-size:14px;font-weight:700;color:#e8e8f0;margin-bottom:12px}
.jackpot-amount{font-size:clamp(22px,3vw,30px);font-weight:800;color:#fcd535;font-variant-numeric:tabular-nums}
.jackpot-cur{font-size:14px;color:#8b8fa8;margin-top:4px}

.slot-section{background:linear-gradient(180deg,#1e2029 0%,#15161c 100%);border:1px solid #2a2c36;border-radius:14px;padding:32px 24px;text-align:center}
.slot-section > p{color:#8b8fa8;font-size:14px;margin-bottom:20px}

.slot-machine{max-width:460px;margin:0 auto;background:linear-gradient(180deg,#2a2c36 0%,#1a1b22 100%);border:2px solid #3a3c48;border-radius:20px;padding:18px 22px 22px;box-shadow:0 10px 40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);position:relative}
.slot-machine::before{content:'';position:absolute;inset:6px;border:1px solid rgba(252,213,53,.15);border-radius:14px;pointer-events:none}

.slot-machine-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 6px}
.slot-lamp{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffe76b,#fcd535 60%,#8a6a00);box-shadow:0 0 12px rgba(252,213,53,.7),inset 0 1px 2px rgba(255,255,255,.4);animation:lampBlink 1.4s infinite alternate}
.slot-lamp:last-child{animation-delay:.7s}
@keyframes lampBlink{0%{opacity:.5;box-shadow:0 0 6px rgba(252,213,53,.4)}100%{opacity:1;box-shadow:0 0 16px rgba(252,213,53,.9)}}
.slot-screen-title{font-size:14px;font-weight:800;color:#fcd535;letter-spacing:2px;text-shadow:0 0 8px rgba(252,213,53,.4)}

.slot-display{background:#0a0b10;border:3px solid #3a3c48;border-radius:12px;padding:10px;position:relative;box-shadow:inset 0 4px 16px rgba(0,0,0,.8)}

.slot-reels{display:flex;justify-content:center;gap:6px;position:relative}
.slot-reel-wrap{flex:1;height:100px;background:linear-gradient(180deg,#15161c 0%,#1e2029 50%,#15161c 100%);border-radius:8px;overflow:hidden;position:relative;border:1px solid #2a2c36;box-shadow:inset 0 2px 8px rgba(0,0,0,.6)}
.slot-reel-wrap::before,.slot-reel-wrap::after{content:'';position:absolute;left:0;right:0;height:24px;z-index:2;pointer-events:none}
.slot-reel-wrap::before{top:0;background:linear-gradient(180deg,rgba(10,11,16,.95),transparent)}
.slot-reel-wrap::after{bottom:0;background:linear-gradient(0deg,rgba(10,11,16,.95),transparent)}

.slot-reel-strip{display:flex;flex-direction:column;align-items:center;position:absolute;left:0;right:0;top:0;will-change:transform}
.slot-reel-item{width:100%;height:100px;display:flex;align-items:center;justify-content:center;font-size:48px;line-height:1;font-weight:700;flex-shrink:0}
.slot-reel-strip.spinning{animation:reelScroll .25s linear infinite}
@keyframes reelScroll{0%{transform:translateY(0)}100%{transform:translateY(-500px)}}

.slot-reel-wrap.win-reel{border-color:#fcd535;box-shadow:inset 0 0 18px rgba(252,213,53,.45),0 0 14px rgba(252,213,53,.4)}
.slot-reel-wrap.win-reel .slot-reel-item{animation:winPulse .6s ease infinite alternate;color:#fcd535;text-shadow:0 0 12px rgba(252,213,53,.8)}
@keyframes winPulse{0%{transform:scale(1)}100%{transform:scale(1.1)}}

.slot-payline{position:absolute;left:10px;right:10px;top:50%;height:2px;background:linear-gradient(90deg,transparent 0%,#fcd535 20%,#fcd535 80%,transparent 100%);opacity:.35;transform:translateY(-1px);pointer-events:none;z-index:3}
.slot-display.win-line .slot-payline{opacity:1;animation:lineGlow .5s ease infinite alternate}
@keyframes lineGlow{0%{box-shadow:0 0 4px #fcd535}100%{box-shadow:0 0 14px #fcd535,0 0 22px rgba(252,213,53,.6)}}

.slot-bottom{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.slot-coin-slot{width:36px;height:8px;background:#0a0b10;border-radius:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,.8)}

.slot-spin-btn{padding:14px 44px;background:linear-gradient(180deg,#ffe76b 0%,#fcd535 50%,#e0b800 100%);color:#15161c;font-weight:800;font-size:16px;border-radius:10px;border:none;transition:all .2s;box-shadow:0 4px 0 #8a6a00,0 6px 14px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;line-height:1.1;letter-spacing:1px}
.slot-spin-btn .slot-spin-sub{font-size:10px;font-weight:600;opacity:.75;letter-spacing:.5px;margin-top:2px}
.slot-spin-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 0 #8a6a00,0 8px 18px rgba(252,213,53,.45)}
.slot-spin-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #8a6a00,0 2px 6px rgba(0,0,0,.4)}
.slot-spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:translateY(2px);box-shadow:0 2px 0 #8a6a00}

.slot-result{margin-top:24px;min-height:60px;display:flex;flex-direction:column;align-items:center;gap:12px}
.slot-win-text{font-size:18px;font-weight:700;color:#fcd535;animation:fadeInUp .4s ease;text-shadow:0 0 12px rgba(252,213,53,.4)}
.slot-lose-text{font-size:15px;color:#8b8fa8}
.slot-get-btn{padding:12px 28px;background:#fcd535;color:#15161c;font-weight:700;font-size:15px;border-radius:8px;border:none;transition:all .25s;text-decoration:none;display:inline-block}
.slot-get-btn:hover{background:#ffe76b;color:#15161c;transform:translateY(-1px);box-shadow:0 4px 14px rgba(252,213,53,.35)}

@media(max-width:680px){
  .slot-machine{padding:14px 14px 18px}
  .slot-reel-wrap{height:84px}
  .slot-reel-item{height:84px;font-size:38px}
  .slot-spin-btn{padding:12px 32px;font-size:14px}
  .slot-coin-slot{width:24px}
}

.review-content{font-size:15px;line-height:1.8;color:#c8cad8}
.review-content h2{font-size:22px;font-weight:700;color:#ffffff;margin:28px 0 12px}
.review-content h3{font-size:18px;font-weight:600;color:#fcd535;margin:22px 0 10px}
.review-content h4{font-size:16px;font-weight:600;color:#e8e8f0;margin:18px 0 8px}
.review-content p{margin-bottom:14px}
.review-content ul,.review-content ol{margin:12px 0 16px 20px;display:flex;flex-direction:column;gap:6px}
.review-content ul{list-style:disc}
.review-content ol{list-style:decimal}
.review-content li{color:#c8cad8}
.review-content a{color:#fcd535}
.review-content strong{color:#ffffff}
.review-content em{color:#ffe76b}
.review-content blockquote{border-left:3px solid #fcd535;padding:12px 20px;background:#1e2029;border-radius:0 8px 8px 0;margin:16px 0;color:#c8cad8;font-style:italic}
.review-content table{width:100%;border-collapse:collapse;margin:16px 0;overflow-x:auto;display:block}
.review-content table th,.review-content table td{padding:10px 14px;border:1px solid #2a2c36;text-align:left}
.review-content table th{background:#15161c;color:#fcd535;font-weight:600}
.review-content table td{background:#1e2029}
.review-content img{border-radius:8px;margin:12px 0}
.review-content hr{border:none;border-top:1px solid #2a2c36;margin:24px 0}

.author-block{display:flex;align-items:center;gap:16px;background:#1e2029;border:1px solid #2a2c36;border-radius:12px;padding:20px 24px;margin-bottom:28px}
.author-avatar{width:56px;height:56px;border-radius:50%;background:#fcd535;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#15161c;flex-shrink:0}
.author-name{font-weight:700;color:#ffffff;font-size:15px;margin-bottom:4px}
.author-bio{font-size:13px;color:#8b8fa8;line-height:1.5}
.author-link{font-size:12px;color:#fcd535;margin-top:4px;display:inline-block}

.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:#1e2029;border:1px solid #2a2c36;border-radius:10px;overflow:hidden;transition:border-color .2s}
.faq-item.active{border-color:rgba(252,213,53,.4)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:none;border:none;color:#e8e8f0;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:color .2s}
.faq-q:hover{color:#fcd535}
.faq-item.active .faq-q{color:#fcd535}
.faq-chevron{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;transition:transform .3s}
.faq-item.active .faq-chevron{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s}
.faq-item.active .faq-a{max-height:400px}
.faq-a-inner{padding:0 22px 18px;font-size:14px;color:#8b8fa8;line-height:1.7}

.ftr-c8wq{background:#15161c;border-top:1px solid #2a2c36;padding:40px 0 24px}
.ftr-top{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:32px}
.ftr-brand{flex:0 0 200px}
.ftr-brand a{display: block;width: fit-content;}
.ftr-brand img{width:auto;height: 30px; margin-bottom:12px}
.ftr-brand p{font-size:12px;color:#8b8fa8;line-height:1.6}
.ftr-col{flex:1;min-width:160px}
.ftr-col-title{font-size:13px;font-weight:700;color:#fcd535;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.ftr-col ul{display:flex;flex-direction:column;gap:8px}
.ftr-col ul li a{font-size:13px;color:#8b8fa8;transition:color .2s}
.ftr-col ul li a:hover{color:#fcd535}
.ftr-logos-row{margin-bottom:24px}
.ftr-logos-title{font-size:12px;color:#555770;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.ftr-logos{display:flex;flex-wrap:wrap;gap:8px}
.ftr-logo-pill{background:#1e2029;border:1px solid #2a2c36;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;color:#8b8fa8}
.ftr-bottom{border-top:1px solid #2a2c36;padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.ftr-copy{font-size:12px;color:#555770}
.ftr-legal{font-size:11px;color:#555770;line-height:1.6;margin-top:12px}

.widget-q5rn{position:fixed;bottom:0;left:0;right:0;z-index:990;background:linear-gradient(90deg,#15161c 0%,#1e2029 50%,#15161c 100%);border-top:2px solid #fcd535;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.widget-text{font-size:13px;color:#e8e8f0;font-weight:600}
.widget-text span{color:#fcd535;font-weight:800}
.widget-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#fcd535;color:#15161c;font-weight:800;font-size:14px;border-radius:7px;text-decoration:none;white-space:nowrap;transition:all .2s;flex-shrink:0}
.widget-btn:hover{background:#ffe76b;color:#15161c;transform:translateY(-1px)}
.widget-close{background:none;border:none;color:#555770;font-size:20px;cursor:pointer;padding:4px;line-height:1;flex-shrink:0}
.widget-close:hover{color:#e8e8f0}

@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.anim-fade-in{animation:fadeIn .5s ease both}
.anim-fade-up{animation:fadeInUp .5s ease both}
[data-animate]{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
[data-animate].visible{opacity:1;transform:translateY(0)}

.box-d3kl{background:#1e2029;border:1px solid #2a2c36;border-radius:14px;padding:28px;margin-bottom:24px}

.wp-block-group,.entry-content,.wp-site-blocks,.wp-post-content{display:contents}
.screen-reader-text{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
.alignleft{float:left;margin-right:24px}
.alignright{float:right;margin-left:24px}
.wp-caption{display:inline-block}

@media(max-width:1024px){
.hdr-nav {gap: 16px;}
.hdr-nav a:first-child {display: none;}
.hdr-logo img {height: 22px;}
}
@media(max-width:900px){
  .adv-card,.jackpot-card{flex:1 1 calc(50% - 16px)}
  .ftr-brand{flex:0 0 100%}
}
@media(max-width:768px){
  .hdr-nav{display:none}
  .burger-btn{display:flex}
  .adv-card,.jackpot-card{flex:1 1 100%}
  .ftr-col{flex:1 1 calc(50% - 16px)}
  .hero-f3q9{min-height:380px}
  .slot-reel{width:64px;height:64px;font-size:30px}
  .widget-q5rn{flex-wrap:wrap;justify-content:center;text-align:center}
  .author-block{flex-direction:column;text-align:center}
}
@media(max-width:400px){
  .hdr-right .btn-login,.hdr-right .btn-signup{padding:7px 12px;font-size:12px}
  .box-d3kl{padding:18px}
}

.zx9f-hidden-module{display:none;visibility:hidden}
.e4gm-placeholder-unit{height:0;width:0;overflow:hidden;position:absolute;left:-9999px}
.v7rk-ghost-layer{opacity:0;pointer-events:none;position:fixed;z-index:-1}