@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --clr-bg:#e1edf1;
  --clr-nav:#727b80;
  --clr-nav-dark:#5a6268;
  --clr-primary:#4397d5;
  --clr-primary-dark:#2e7db8;
  --clr-accent:#e3a665;
  --clr-accent-dark:#c8843f;
  --clr-text:#1e2a32;
  --clr-text-light:#4a5a65;
  --clr-white:#ffffff;
  --clr-card:#ffffff;
  --clr-border:#c8d8e0;
  --clr-shadow:rgba(67,151,213,0.15);
  --radius:10px;
  --radius-lg:16px;
  --transition:0.3s ease;
  --font:Lato,sans-serif;
}

html{scroll-behavior:smooth;background-color:var(--clr-bg)}
body{font-family:var(--font);color:var(--clr-text);background:var(--clr-bg);line-height:1.6;font-size:16px;overflow-x:hidden}

a{color:var(--clr-primary);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--clr-primary-dark)}
img{max-width:100%;display:block}
ul{list-style:none}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

.xf7k2{display:none}
.wp-content-loader{display:none;visibility:hidden;pointer-events:none}
.elementor-hidden-element{display:none!important}
.wc-block-components-wrapper{display:none}

.container{max-width:1200px;margin:0 auto;padding:0 20px}
.wrapper{min-height:100vh;display:flex;flex-direction:column}

.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:var(--radius);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none;white-space:nowrap;line-height:1}
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,0.18)}
.btn:active{transform:translateY(0)}
.btn--primary{background:var(--clr-primary);color:var(--clr-white)}
.btn--primary:hover{background:var(--clr-primary-dark);color:var(--clr-white)}
.btn--accent{background:var(--clr-accent);color:var(--clr-white)}
.btn--accent:hover{background:var(--clr-accent-dark);color:var(--clr-white)}
.btn--outline{background:transparent;color:var(--clr-primary);border:2px solid var(--clr-primary)}
.btn--outline:hover{background:var(--clr-primary);color:var(--clr-white)}
.btn--sm{padding:8px 16px;font-size:13px}
.btn--lg{padding:14px 32px;font-size:16px}

.site-header{background:var(--clr-nav);position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,0.2)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;max-width:1200px;margin:0 auto}
.header-logo img{height:60px;width:auto;object-fit:contain}
.header-logo{display:flex;align-items:center}

.header-nav{display:flex;align-items:center;gap:4px}
.header-nav a{color:rgba(255,255,255,0.88);font-size:14px;font-weight:600;padding:8px 12px;border-radius:6px;transition:all var(--transition);display:flex;align-items:center;gap:6px}
.header-nav a:hover{color:var(--clr-white);background:rgba(255,255,255,0.12)}
.header-nav a svg{flex-shrink:0}

.header-btns{display:flex;align-items:center;gap:8px}

.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:1001}
.burger span{display:block;width:22px;height:2px;background:var(--clr-white);border-radius:2px;transition:all var(--transition)}
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--clr-nav);z-index:999;padding:80px 20px 20px;flex-direction:column;gap:8px;overflow-y:auto}
.mobile-menu.active{display:flex}
.mobile-menu a{color:var(--clr-white);font-size:16px;font-weight:600;padding:14px 16px;border-radius:var(--radius);border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:10px}
.mobile-menu a:hover{background:rgba(255,255,255,0.1)}
.mobile-menu-btns{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.2)}

.hero-section{padding:48px 0 56px;background:linear-gradient(180deg,rgba(67,151,213,0.08) 0%,transparent 100%)}
.hero-inner{display:flex;gap:32px;align-items:flex-start}
.hero-info{flex:1;min-width:0}
.hero-title{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.2;color:var(--clr-text);margin-bottom:12px}
.hero-title span{color:var(--clr-primary)}
.hero-subtitle{font-size:16px;color:var(--clr-text-light);margin-bottom:24px;line-height:1.6}
.hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}

.hero-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--clr-shadow)}
.hero-table{width:100%;border-collapse:collapse;background:var(--clr-card);border-radius:var(--radius-lg);overflow:hidden;min-width:320px}
.hero-table tr{border-bottom:1px solid var(--clr-border)}
.hero-table tr:last-child{border-bottom:none}
.hero-table td{padding:12px 16px;vertical-align:middle;font-size:14px}
.hero-table td:first-child{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--clr-text);min-width:180px;white-space:nowrap}
.hero-table td:last-child{color:var(--clr-text-light);text-align:right}
.hero-table tr:nth-child(even){background:rgba(67,151,213,0.04)}
.hero-table .t-icon{width:28px;height:28px;background:rgba(67,151,213,0.12);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hero-table .t-icon svg{width:16px;height:16px;color:var(--clr-primary)}
.rtp-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(67,151,213,0.1);color:var(--clr-primary);padding:3px 8px;border-radius:20px;font-size:12px;font-weight:700}

.hero-demo{flex:0 0 440px;max-width:440px}
.demo-frame-wrap{border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.2);background:#000;aspect-ratio:4/3;position:relative}
.demo-frame-wrap iframe{width:100%;height:100%;display:block;border:none}
.demo-frame-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d2a3e 0%,#1a4a6e 50%,#0d2a3e 100%);color:var(--clr-white);gap:16px;cursor:pointer;transition:all var(--transition);position:absolute;inset:0}
.demo-frame-placeholder:hover{background:linear-gradient(135deg,#122e45 0%,#1e5280 50%,#122e45 100%)}
.demo-play-btn{width:72px;height:72px;background:var(--clr-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(67,151,213,0.5);transition:all var(--transition)}
.demo-frame-placeholder:hover .demo-play-btn{transform:scale(1.1);box-shadow:0 0 40px rgba(67,151,213,0.7)}
.demo-play-btn svg{margin-left:4px}
.demo-frame-placeholder p{font-size:18px;font-weight:700;text-align:center}
.demo-frame-placeholder small{font-size:12px;opacity:0.7}

.section{padding:56px 0}
.section-alt{background:rgba(255,255,255,0.5)}
.section-title{font-size:clamp(22px,3vw,32px);font-weight:900;color:var(--clr-text);margin-bottom:8px;line-height:1.25}
.section-subtitle{color:var(--clr-text-light);font-size:15px;margin-bottom:32px}
.section-header{margin-bottom:36px}
.section-header .section-title{margin-bottom:8px}

.features-grid{display:flex;flex-wrap:wrap;gap:16px}
.feature-card{flex:1 1 200px;background:var(--clr-card);border-radius:var(--radius-lg);padding:24px 20px;box-shadow:0 2px 12px var(--clr-shadow);border:1px solid var(--clr-border);transition:all var(--transition);display:flex;flex-direction:column;gap:12px}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--clr-shadow);border-color:var(--clr-primary)}
.feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(67,151,213,0.15),rgba(67,151,213,0.25));display:flex;align-items:center;justify-content:center}
.feature-icon svg{width:24px;height:24px;color:var(--clr-primary)}
.feature-card h3{font-size:15px;font-weight:700;color:var(--clr-text)}
.feature-card p{font-size:13px;color:var(--clr-text-light);line-height:1.55}

.strategies-grid{display:flex;gap:20px;flex-wrap:wrap}
.strategy-card{flex:1 1 260px;background:var(--clr-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 12px var(--clr-shadow);border:1px solid var(--clr-border);transition:all var(--transition);display:flex;flex-direction:column}
.strategy-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,0.12)}
.strategy-img{width:100%;aspect-ratio:16/9;object-fit:cover}
.strategy-body{padding:20px;flex:1;display:flex;flex-direction:column;gap:8px}
.strategy-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:3px 8px;border-radius:20px;background:rgba(67,151,213,0.1);color:var(--clr-primary);width:fit-content}
.strategy-card h3{font-size:16px;font-weight:800;color:var(--clr-text)}
.strategy-card p{font-size:13px;color:var(--clr-text-light);line-height:1.55;flex:1}
.strategy-card .btn{margin-top:8px;align-self:flex-start}

.content-block{background:var(--clr-card);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:0 2px 12px var(--clr-shadow);border:1px solid var(--clr-border)}
.content-block h2{font-size:24px;font-weight:800;color:var(--clr-text);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--clr-border)}
.content-block h3{font-size:19px;font-weight:700;color:var(--clr-text);margin-top:24px;margin-bottom:10px}
.content-block h4{font-size:16px;font-weight:700;color:var(--clr-primary);margin-top:18px;margin-bottom:8px}
.content-block p{font-size:15px;line-height:1.7;color:var(--clr-text);margin-bottom:14px}
.content-block ul,.content-block ol{margin:12px 0 16px 20px;display:flex;flex-direction:column;gap:6px}
.content-block ul{list-style:disc}
.content-block ol{list-style:decimal}
.content-block li{font-size:15px;line-height:1.6;color:var(--clr-text);padding-left:4px}
.content-block a{color:var(--clr-primary);font-weight:600}
.content-block a:hover{text-decoration:underline}
.content-block table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.content-block table th{background:var(--clr-nav);color:var(--clr-white);padding:10px 14px;text-align:left;font-weight:700}
.content-block table td{padding:9px 14px;border:1px solid var(--clr-border);color:var(--clr-text)}
.content-block table tr:nth-child(even) td{background:rgba(67,151,213,0.04)}
.content-block blockquote{border-left:4px solid var(--clr-primary);padding:12px 16px;margin:16px 0;background:rgba(67,151,213,0.06);border-radius:0 var(--radius) var(--radius) 0;font-style:italic}
.content-block strong{font-weight:700;color:var(--clr-text)}
.content-block em{font-style:italic}
.content-block hr{border:none;border-top:1px solid var(--clr-border);margin:24px 0}

.author-card{background:var(--clr-card);border-radius:var(--radius-lg);padding:28px;box-shadow:0 2px 12px var(--clr-shadow);border:1px solid var(--clr-border);display:flex;gap:24px;align-items:flex-start}
.author-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--clr-primary)}
.author-info{flex:1}
.author-name{font-size:18px;font-weight:800;color:var(--clr-text);margin-bottom:2px}
.author-role{font-size:13px;color:var(--clr-primary);font-weight:700;margin-bottom:10px}
.author-bio{font-size:14px;color:var(--clr-text-light);line-height:1.6;margin-bottom:14px}
.author-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.author-date{font-size:12px;color:var(--clr-text-light);display:flex;align-items:center;gap:6px}
.author-date svg{width:14px;height:14px;color:var(--clr-primary)}
.author-socials{display:flex;gap:8px}
.author-socials a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:rgba(67,151,213,0.1);color:var(--clr-primary);transition:all var(--transition)}
.author-socials a:hover{background:var(--clr-primary);color:var(--clr-white)}
.author-socials a svg{width:16px;height:16px}

.similar-games-grid{display:flex;gap:16px;flex-wrap:wrap}
.game-card{flex:1 1 200px;background:var(--clr-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 12px var(--clr-shadow);border:1px solid var(--clr-border);transition:all var(--transition);display:flex;flex-direction:column}
.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.game-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}
.game-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:6px}
.game-name{font-size:15px;font-weight:800;color:var(--clr-text)}
.game-desc{font-size:12px;color:var(--clr-text-light);line-height:1.5;flex:1}
.game-btns{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}

.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--clr-card);border-radius:var(--radius-lg);border:1px solid var(--clr-border);overflow:hidden;transition:all var(--transition)}
.faq-item.open{border-color:var(--clr-primary)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:none;border:none;font-family:var(--font);font-size:15px;font-weight:700;color:var(--clr-text);cursor:pointer;text-align:left;gap:16px;transition:color var(--transition)}
.faq-q:hover{color:var(--clr-primary)}
.faq-item.open .faq-q{color:var(--clr-primary)}
.faq-arrow{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(67,151,213,0.1);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}
.faq-item.open .faq-arrow{background:var(--clr-primary);transform:rotate(180deg)}
.faq-arrow svg{width:12px;height:12px;color:var(--clr-primary)}
.faq-item.open .faq-arrow svg{color:var(--clr-white)}
.faq-a{display:none;padding:0 22px 18px;font-size:14px;line-height:1.7;color:var(--clr-text-light)}
.faq-item.open .faq-a{display:block;animation:fadeIn 0.2s ease}

@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%,100%{opacity:0.6}50%{opacity:1}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(67,151,213,0.4)}70%{box-shadow:0 0 0 10px rgba(67,151,213,0)}}

.site-footer{background:var(--clr-nav);color:rgba(255,255,255,0.9);padding:48px 0 24px;margin-top:auto}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.footer-top{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:36px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.15)}
.footer-brand{flex:0 0 220px}
.footer-brand a{display: block;width: fit-content;}
.footer-logo{height:60px;width:auto;object-fit:contain;margin-bottom:12px}
.footer-tagline{font-size:13px;opacity:0.75;line-height:1.5;margin-bottom:16px}
.footer-socials{display:flex;gap:8px}
.footer-socials a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);transition:all var(--transition)}
.footer-socials a:hover{background:var(--clr-primary);color:var(--clr-white)}
.footer-socials a svg{width:16px;height:16px}
.footer-col{flex:1;min-width:140px}
.footer-col h4{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.5);margin-bottom:14px}
.footer-col ul{display:flex;flex-direction:column;gap:8px}
.footer-col ul li a{color:rgba(255,255,255,0.8);font-size:13px;transition:color var(--transition)}
.footer-col ul li a:hover{color:var(--clr-white)}
.footer-email{color:rgba(255,255,255,0.8);font-size:13px;display:flex;align-items:center;gap:6px;margin-top:4px}
.footer-email svg{width:14px;height:14px;opacity:0.7}

.footer-badges{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.12)}
.badges-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.badges-label{font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:rgba(255,255,255,0.45);margin-right:4px}
.badge-item{height:28px;background:rgba(255,255,255,0.12);border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 10px;font-size:11px;font-weight:800;color:rgba(255,255,255,0.85);letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.15)}
.badge-item.gold{border-color:rgba(227,166,101,0.4);color:var(--clr-accent)}
.badge-divider{width:1px;height:28px;background:rgba(255,255,255,0.15)}

.footer-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.footer-copyright{font-size:12px;opacity:0.55;line-height:1.6}
.footer-legal{font-size:11px;opacity:0.45;line-height:1.7;max-width:600px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px}
.footer-links a{font-size:12px;color:rgba(255,255,255,0.55);transition:color var(--transition)}
.footer-links a:hover{color:var(--clr-white)}

.section-wave{width:100%;overflow:hidden;line-height:0;margin-bottom:-1px}
.section-wave svg{display:block;width:100%;height:40px}

.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--clr-text-light);margin-bottom:20px;flex-wrap:wrap}
.breadcrumb a{color:var(--clr-primary)}
.breadcrumb span{opacity:0.5}

.highlight-box{background:linear-gradient(135deg,rgba(67,151,213,0.08),rgba(227,166,101,0.08));border:1px solid rgba(67,151,213,0.2);border-radius:var(--radius-lg);padding:20px 24px;margin:24px 0;display:flex;gap:14px;align-items:flex-start}
.highlight-box-icon{width:36px;height:36px;background:rgba(67,151,213,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.highlight-box-icon svg{width:20px;height:20px;color:var(--clr-primary)}
.highlight-box-text{font-size:14px;color:var(--clr-text);line-height:1.6}
.highlight-box-text strong{font-weight:700;color:var(--clr-primary)}

.rtpdisplay{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-dark));color:var(--clr-white);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}

.hero-banner-wrap{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px;box-shadow:0 4px 20px rgba(0,0,0,0.15)}
.hero-banner{width:100%;height:220px;object-fit:cover;display:block}

.provider-badge{display:inline-flex;align-items:center;gap:8px;background:var(--clr-card);border:1px solid var(--clr-border);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--clr-text)}
.provider-badge svg{color:var(--clr-primary);width:16px;height:16px}

.live-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(220,50,50,0.1);color:#dc3232;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}
.live-dot{width:6px;height:6px;background:#dc3232;border-radius:50%;animation:pulse2 1.5s infinite}
@keyframes pulse2{0%,100%{opacity:1}50%{opacity:0.3}}

.q3f9z{height:0;overflow:hidden;position:absolute;left:-9999px;top:-9999px}
.b91mx{display:none;width:0;height:0}


@media(max-width:1024px){
  .header-inner {gap: 10px;}
  .header-nav a {padding: 4px 6px;}
}
@media(max-width:900px){
  .hero-inner{flex-direction:column}
  .hero-demo{flex:none;max-width:100%;width:100%}
  .demo-frame-wrap{aspect-ratio:16/9}
}
@media(max-width:768px){
  .header-nav{display:none}
  .burger{display:flex}
  .section{padding:36px 0}
  .author-card{flex-direction:column}
  .author-photo{width:72px;height:72px}
  .footer-top{gap:24px}
  .footer-brand{flex:0 0 100%}
  .hero-section{padding:28px 0 36px}
  .content-block{padding:24px 16px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:500px){
  .hero-btns{flex-direction:column}
  .hero-btns .btn{width:100%;justify-content:center}
  .features-grid{gap:12px}
  .feature-card{flex:1 1 100%}
  .section-title{font-size:22px}
  .header-btns .btn--outline {display: none;}
  .content-block table td, .content-block table th {padding: 4px 8px;}
}

.p8v3x2::before{content:'';display:block;width:0;height:0;overflow:hidden;position:absolute;left:-9999px}
.elementor-section{display:none}
.wp-block-group__inner-container{display:none}