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

:root{--clr-primary:#183064;--clr-accent:#ED632E;--clr-bg:#E9EDEF;--clr-text:#1a1a2e;--clr-text-muted:#5a6a8a;--clr-white:#fff;--clr-dark:#0d1a36;--clr-card:#fff;--radius:12px;--radius-lg:18px;--shadow:0 2px 16px rgba(24,48,100,.10);--shadow-lg:0 8px 40px rgba(24,48,100,.18);--font:'Open Sans',sans-serif;--max-w:1200px;--transition:.25s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--clr-bg);color:var(--clr-text);line-height:1.7;font-size:16px;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:var(--font);border:none;background:none}


.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 20px}
.container-fluid{width:100%;padding:0 20px}
.section-wrap{padding:60px 0}
.section-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:var(--clr-primary);margin-bottom:40px;letter-spacing:-.02em}
.section-title-center{text-align:center}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:8px;font-weight:700;font-size:.9rem;transition:all var(--transition);cursor:pointer;border:2px solid transparent;letter-spacing:.01em;text-decoration:none!important;white-space:nowrap}
.btn-primary{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent);box-shadow:0 4px 15px rgba(237,99,46,.35)}
.btn-primary:hover{background:#d55829;border-color:#d55829;transform:translateY(-1px);box-shadow:0 6px 20px rgba(237,99,46,.45)}
.btn-primary:active{transform:scale(.97)}
.btn-secondary{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}
.btn-secondary:hover{background:#0f2145;border-color:#0f2145}
.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-outline:hover{background:rgba(255,255,255,.12)}
.btn-sm{padding:8px 18px;font-size:.82rem}
.btn-lg{padding:16px 36px;font-size:1.05rem;border-radius:10px}
.btn-block{width:100%;justify-content:center}


.site-header{position:sticky;top:0;z-index:100;background:var(--clr-primary);box-shadow:0 2px 20px rgba(0,0,0,.25);transition:padding var(--transition)}
.site-header.scrolled{padding:4px 0}
.hdr-wrap{max-width:var(--max-w);margin:0 auto;padding:14px 20px}
.hdr-inner{display:flex;align-items:center;gap:16px}
.hdr-logo-col{flex-shrink:0}
.logo-link{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:.04em}
.logo-link svg{flex-shrink:0}
.hdr-nav-col{flex:1;display:flex;justify-content:center}
.main-nav .nav-list{display:flex;align-items:center;gap:4px}
.nav-item .nav-link{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.8);font-size:.88rem;font-weight:600;padding:8px 12px;border-radius:6px;transition:all var(--transition)}
.nav-item .nav-link:hover{color:#fff;background:rgba(255,255,255,.1)}
.nav-ico{flex-shrink:0;width:15px;height:15px}
.hdr-cta-col{display:flex;align-items:center;gap:12px;flex-shrink:0}
.online-counter{display:flex;align-items:center;gap:6px;font-size:.78rem;color:rgba(255,255,255,.75);background:rgba(0,0,0,.2);padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}
.online-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;flex-shrink:0}
.hdr-btns{display:flex;gap:8px}
.burger-btn{display:none;flex-direction:column;gap:5px;padding:6px;background:transparent;border:none;cursor:pointer}
.burger-btn span{display:block;width:22px;height:2px;background:#fff;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-nav{display:none;background:#152a55;border-top:1px solid rgba(255,255,255,.08)}
.mobile-nav.open{display:block}
.mobile-nav-list{padding:8px 20px 16px}
.mobile-nav-list li{border-bottom:1px solid rgba(255,255,255,.06)}
.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.9);font-weight:600;padding:14px 0;font-size:.95rem}
.mobile-nav-link:hover{color:#fff}


.hero-section{position:relative;width:100%;min-height:520px;display:flex;align-items:center;overflow:hidden;background:#0d1a36}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,48,100,.82) 0%,rgba(13,26,54,.96) 100%)}
.hero-inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:60px 20px;width:100%}
.hero-badge{display:inline-block;padding:5px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:rgba(255,255,255,.9);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}
.hero-title{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;color:#fff;line-height:1.15;max-width:720px;margin-bottom:20px;letter-spacing:-.03em}
.hero-sub{font-size:clamp(1rem,2.5vw,1.3rem);color:rgba(255,255,255,.88);margin-bottom:36px;font-weight:400}
.hero-sub strong{color:var(--clr-accent);font-weight:700}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-ctas .btn{min-width:180px}


.breadcrumbs-bar{background:#fff;border-bottom:1px solid #dde3eb;padding:10px 0}
.breadcrumb-list{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--clr-text-muted);flex-wrap:wrap}
.breadcrumb-item a{color:var(--clr-primary);font-weight:600}
.breadcrumb-item a:hover{text-decoration:underline}
.breadcrumb-item.active{color:var(--clr-accent);font-weight:600}
.breadcrumb-sep{color:#bbb;font-size:.9rem;user-select:none}


.content-area{background:var(--clr-bg);padding:60px 0}
.text-content h2{font-size:1.6rem;font-weight:800;color:var(--clr-primary);margin:2em 0 .8em}
.text-content h3{font-size:1.2rem;font-weight:700;color:var(--clr-primary);margin:1.6em 0 .6em}
.text-content p{margin-bottom:1.2em;color:#334155;line-height:1.8}
.text-content ul,.text-content ol{padding-left:1.4em;margin-bottom:1.2em;color:#334155}
.text-content li{margin-bottom:.5em;line-height:1.7}
.text-content a{color:var(--clr-accent);text-decoration:underline}
.text-content table{width:100%;border-collapse:collapse;margin:1.5em 0}
.text-content th,.text-content td{border:1px solid #cbd5e1;padding:10px 14px;text-align:left}
.text-content th{background:#f1f5f9;font-weight:700}
.text-content strong{color:var(--clr-primary)}


.advantages-section{padding:60px 0}
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.advantage-tile{background:#fff;border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);border:1px solid #e8edf5;transition:all var(--transition)}
.advantage-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.adv-icon{margin-bottom:16px;width:48px;height:48px}
.advantage-tile h3{font-size:1rem;font-weight:700;color:var(--clr-primary);margin-bottom:10px}
.advantage-tile p{font-size:.88rem;color:var(--clr-text-muted);line-height:1.65}


.jackpot-section{padding:60px 0}
.jackpot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.jackpot-card{background:var(--clr-primary);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:10px;border:2px solid rgba(255,255,255,.08)}
.jackpot-card.featured{border-color:var(--clr-accent);box-shadow:0 0 30px rgba(237,99,46,.25)}
.jackpot-badge{position:absolute;top:14px;right:14px;background:var(--clr-accent);color:#fff;font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase}
.jackpot-icon{font-size:2.2rem;margin-bottom:4px}
.jackpot-name{color:#fff;font-size:1.2rem;font-weight:800}
.jackpot-provider{color:var(--clr-accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.jackpot-amount{font-family:'Courier New',monospace;font-size:2rem;font-weight:800;color:var(--clr-accent);background:rgba(0,0,0,.3);padding:14px 20px;border-radius:10px;width:100%;border:1px solid rgba(255,255,255,.06);letter-spacing:-.01em;text-shadow:0 0 12px rgba(237,99,46,.5);margin:4px 0}


.tournaments-section{padding:60px 0}
.tournaments-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.tournament-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #e8edf5;display:flex;flex-direction:column;position:relative}
.tournament-card .tournament-badge{position:absolute;top:14px;left:14px;font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase;background:var(--clr-accent);color:#fff}
.tournament-card-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:12px;padding-top:44px}
.tournament-name{font-size:1.05rem;font-weight:800;color:var(--clr-primary);margin:0}
.tournament-desc{font-size:.85rem;color:var(--clr-text-muted);line-height:1.6;flex:1}
.tournament-timer{background:#f8fafc;border-radius:8px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}
.timer-label{font-size:.72rem;font-weight:700;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em}
.timer-blocks{display:flex;align-items:center;gap:3px;font-family:'Courier New',monospace;font-weight:800;color:var(--clr-accent);font-size:.9rem}
.tournament-prize{background:linear-gradient(135deg,var(--clr-primary),#0d1a36);color:#fff;border-radius:8px;padding:12px;text-align:center;font-weight:800;font-size:1.1rem}


.bonuses-section{padding:60px 0}
.bonuses-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.bonus-card{background:#fff;border-radius:var(--radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow);border:1px solid #e8edf5;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all var(--transition)}
.bonus-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.bonus-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center}
.bonus-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-text-muted)}
.bonus-amount{font-size:1.35rem;font-weight:800;color:var(--clr-primary);line-height:1.3}
.bonus-desc{font-size:.83rem;color:var(--clr-text-muted);line-height:1.6;flex:1}
.bonus-card .btn-block{margin-top:auto}


.demo-game-section{padding:60px 0}
.demo-wrapper{position:relative;width:100%;aspect-ratio:16/7;min-height:360px;max-height:560px;background:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:3px solid var(--clr-primary)}
.demo-overlay{position:absolute;inset:0;background:rgba(24,48,100,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity .4s;text-align:center;padding:24px}
.demo-overlay.hidden{opacity:0;pointer-events:none}
.demo-slot-icon{font-size:3.5rem;margin-bottom:16px;animation:pulse-slow 2s infinite}
.demo-label{color:#fff;font-size:1.6rem;font-weight:800;margin-bottom:8px}
.demo-sub{color:rgba(255,255,255,.7);font-size:.9rem;margin-bottom:24px}
.demo-wrapper iframe{width:100%;height:100%;border:none;display:block}
@keyframes pulse-slow{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}


.review-section{padding:60px 0}
.author-box{display:flex;gap:20px;background:#fff;border-radius:var(--radius);padding:24px;margin-bottom:32px;box-shadow:var(--shadow);align-items:flex-start}
.author-avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--clr-primary);flex-shrink:0}
.author-info{flex:1}
.author-name{display:block;font-size:1rem;font-weight:800;color:var(--clr-primary);margin-bottom:2px}
.author-role{display:block;font-size:.78rem;color:var(--clr-accent);font-weight:700;margin-bottom:8px;letter-spacing:.04em}
.author-bio{font-size:.85rem;color:var(--clr-text-muted);line-height:1.6;margin-bottom:10px}
.author-link{display:inline-block;font-size:.82rem;color:var(--clr-primary);font-weight:700;text-decoration:underline}


.registration-section{padding:60px 0}
.reg-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:28px}
.reg-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-width:560px}
.reg-table th{background:var(--clr-primary);color:#fff;padding:14px 18px;text-align:left;font-size:.88rem;font-weight:700;letter-spacing:.03em}
.reg-table td{padding:14px 18px;border-bottom:1px solid #e8edf5;font-size:.9rem;color:#334155;line-height:1.6;vertical-align:middle}
.reg-table tr:last-child td{border-bottom:none}
.reg-table tr:hover td{background:#f8fafc}
.step-num{font-weight:800;color:var(--clr-accent);font-size:1.15rem;width:40px;text-align:center}
.step-name{min-width:180px}
.step-name strong{color:var(--clr-primary)}
.reg-cta-wrap{text-align:center;margin-top:12px}
.text-link{color:var(--clr-accent);text-decoration:underline;font-weight:600}


.faq-section{padding:60px 0}
.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #e8edf5;transition:border-color var(--transition)}
.faq-item.open{border-color:var(--clr-primary)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;font-size:.96rem;font-weight:700;color:#1e293b;cursor:pointer;gap:16px;transition:color var(--transition)}
.faq-item.open .faq-question{color:var(--clr-primary)}
.faq-chevron{flex-shrink:0;font-size:1.2rem;color:#94a3b8;font-style:normal;transition:transform .3s;display:inline-block}
.faq-item.open .faq-chevron{transform:rotate(90deg);color:var(--clr-accent)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-answer-inner{overflow:hidden}
.faq-answer p{padding:0 22px 20px;font-size:.9rem;color:#475569;line-height:1.75;border-top:1px solid #f1f5f9;padding-top:14px;margin-top:-2px}


.comments-section{padding:60px 0}
.comments-list{display:flex;flex-direction:column;gap:18px;margin-bottom:40px}
.comment-item{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid #e8edf5}
.comment-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}
.comment-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e8edf5}
.comment-meta{flex:1}
.comment-author{font-weight:800;color:var(--clr-primary);font-size:.9rem;display:block;margin-bottom:3px}
.comment-stars{color:var(--clr-accent);font-size:1.1rem;margin-bottom:3px;line-height:1}
.comment-date{font-size:.76rem;color:#94a3b8}
.comment-text{font-size:.88rem;color:#475569;line-height:1.7}
.comment-form-wrap{background:#fff;border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow);max-width:680px}
.form-title{font-size:1.2rem;font-weight:800;color:var(--clr-primary);margin-bottom:24px}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:.85rem;font-weight:700;color:#374151;margin-bottom:7px}
.form-input,.form-textarea{width:100%;padding:12px 14px;border:1.5px solid #cbd5e1;border-radius:8px;font-family:var(--font);font-size:.92rem;color:var(--clr-text);background:#f8fafc;transition:border-color var(--transition),box-shadow var(--transition)}
.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px rgba(24,48,100,.1)}
.form-textarea{resize:vertical;min-height:110px;line-height:1.6}
.star-rating{display:flex;flex-direction:row-reverse;gap:4px;width:fit-content}
.star-rating input{display:none}
.star-rating label{font-size:2rem;color:#d1d5db;cursor:pointer;transition:color .15s;line-height:1}
.star-rating input:checked ~ label,.star-rating label:hover,.star-rating label:hover ~ label{color:var(--clr-accent)}
.btn-submit{margin-top:8px}


.footer-wrap{background:var(--clr-primary);color:#fff;padding:60px 0 0}
.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1.4fr;gap:40px;margin-bottom:40px}
.footer-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.2rem;margin-bottom:14px}
.footer-logo-text{letter-spacing:.04em}
.footer-geo{font-size:.82rem;color:rgba(255,255,255,.6);margin-bottom:16px}
.footer-social{display:flex;gap:10px}
.social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);transition:all var(--transition)}
.social-link:hover{background:var(--clr-accent);color:#fff}
.footer-col-title{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.mt2{margin-top:20px}
.footer-nav-list{display:flex;flex-direction:column;gap:8px}
.footer-nav-link{font-size:.88rem;color:rgba(255,255,255,.7);transition:color var(--transition)}
.footer-nav-link:hover{color:#fff}
.license-badges,.resp-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.badge-trust{font-size:.72rem;font-weight:700;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px 10px;color:rgba(255,255,255,.8)}
.badge-resp{font-size:.7rem;background:rgba(255,255,255,.08);border-radius:5px;padding:3px 8px;color:rgba(255,255,255,.7)}
.footer-payments,.footer-providers{border-top:1px solid rgba(255,255,255,.06);padding:20px 0;text-align:center}
.payment-logos,.provider-logos{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}
.pay-badge,.provider-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 12px;font-size:.76rem;font-weight:600;color:rgba(255,255,255,.8)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:24px 0;text-align:center}
.footer-copyright{font-size:.8rem;color:rgba(255,255,255,.45);margin-bottom:8px;line-height:1.6}
.footer-legal{font-size:.76rem;color:rgba(255,255,255,.35);margin-bottom:10px}
.footer-email,.footer-link{color:rgba(255,255,255,.55);text-decoration:underline}
.footer-disclaimer{font-size:.72rem;color:rgba(255,255,255,.28);line-height:1.65;max-width:900px;margin:0 auto}


.sticky-widget{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--clr-primary);border-top:2px solid var(--clr-accent);box-shadow:0 -5px 20px rgba(0,0,0,.3);transform:translateY(100%);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.sticky-widget.visible{transform:translateY(0)}
.sticky-widget.hidden-widget{transform:translateY(100%)}
.widget-inner{max-width:var(--max-w);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:20px;position:relative}
.widget-text{color:#fff;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px}
.widget-text strong{color:var(--clr-accent)}
.widget-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.5);font-size:1.1rem;padding:8px;line-height:1;transition:color var(--transition)}
.widget-close:hover{color:#fff}


.info-page-main{padding:60px 0}
.info-box{background:#fff;border-radius:var(--radius-lg);padding:40px 36px;box-shadow:var(--shadow)}
.info-text h2{font-size:1.4rem;font-weight:800;color:var(--clr-primary);margin:2em 0 .7em;padding-bottom:8px;border-bottom:2px solid #f1f5f9}
.info-text h3{font-size:1.1rem;font-weight:700;color:var(--clr-primary);margin:1.5em 0 .5em}
.info-text p,.info-text li{font-size:.93rem;color:#334155;line-height:1.8}
.info-text ul{padding-left:1.5em;margin-bottom:1.2em}
.info-text li{margin-bottom:.5em}
.info-text a{color:var(--clr-accent);text-decoration:underline}
.info-text table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.88rem}
.info-text th,.info-text td{border:1px solid #e2e8f0;padding:10px 14px;text-align:left}
.info-text th{background:#f8fafc;font-weight:700;color:var(--clr-primary)}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}
.contact-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius);padding:24px}
.contact-card h3{font-size:1rem;font-weight:800;color:var(--clr-primary);margin-bottom:12px}


.games-widget{padding:40px 0}
.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-width:var(--max-w);margin:0 auto;padding:0 20px}
.game-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #e8edf5;transition:transform var(--transition)}
.game-card:hover{transform:translateY(-4px)}
.game-thumb{position:relative;overflow:hidden;aspect-ratio:4/3}
.game-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.game-thumb:hover img{transform:scale(1.06)}
.game-overlay{position:absolute;inset:0;background:rgba(24,48,100,.8);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity var(--transition)}
.game-thumb:hover .game-overlay{opacity:1}
.btn-game-play{background:var(--clr-accent);color:#fff;padding:8px 14px;border-radius:6px;font-size:.78rem;font-weight:700}
.btn-game-demo{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);padding:8px 14px;border-radius:6px;font-size:.78rem;font-weight:700}
.game-info{padding:12px 14px}
.game-name{font-weight:700;color:var(--clr-primary);font-size:.9rem;margin-bottom:4px}
.game-provider{font-size:.72rem;color:var(--clr-accent);font-weight:700;display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em}
.game-rtp{font-size:.72rem;color:#94a3b8;display:block}


.fade-in-section{opacity:0;transform:translateY(24px);visibility:hidden;transition:opacity .6s ease,transform .6s ease}
.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}


.wp-block-group,.elementor-section{display:contents}
.entry-meta,.wp-post-image{display:none!important}
#wpadminbar{display:none!important}


@media(max-width:900px){
  .footer-top{grid-template-columns:1fr 1fr;gap:28px}
  .footer-trust-col{grid-column:1/-1}
}
@media(max-width:768px){
  .hdr-nav-col{display:none}
  .online-counter{display:none}
  .burger-btn{display:flex}
  .hero-section{min-height:420px}
  .hero-ctas{flex-direction:column;gap:10px}
  .hero-ctas .btn{width:100%;justify-content:center}
  .section-wrap{padding:40px 0}
  .advantages-grid,.jackpot-grid,.advantages-grid{grid-template-columns:1fr}
  .tournaments-slider,.bonuses-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;scrollbar-width:none}
  .tournaments-slider::-webkit-scrollbar,.bonuses-slider::-webkit-scrollbar{display:none}
  .tournament-card,.bonus-card{flex:0 0 85%;scroll-snap-align:center}
  .author-box{flex-direction:column;gap:14px}
  .footer-top{grid-template-columns:1fr}
  .widget-inner{flex-direction:column;gap:10px;padding-right:40px}
  .widget-text{font-size:.82rem;text-align:center}
  .comment-form-wrap{padding:24px}
  .info-box{padding:24px 18px}
}
@media(max-width:480px){
  .hdr-btns .btn-secondary{display:none}
  .hero-title{font-size:1.7rem}
  .jackpot-amount{font-size:1.5rem}
}

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.site-wrapper,
.site-inner {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.container-header {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.site-header {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

@media (max-width: 768px) {

    .container-header {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .site-header {
        width: 100%;
    }

    .hdr-wrap {
        width: 100%;
        max-width: 100%;
        padding: 12px 16px;
    }

    .hdr-inner {
        width: 100%;
        max-width: 100%;
    }

    .hdr-logo-col {
        min-width: 0;
    }

    .logo-link {
        max-width: 100%;
        font-size: 1.05rem;
    }

    .hdr-cta-col {
        margin-left: auto;
    }

    .burger-btn {
        flex-shrink: 0;
    }

    .hero-section {
        width: 100%;
        max-width: 100%;
    }

    .hero-inner {
        width: 100%;
        max-width: 100%;
        padding: 45px 20px;
    }

    .hero-title {
        max-width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .hero-sub {
        max-width: 100%;
        overflow-wrap: break-word;
    }

    .hero-ctas {
        width: 100%;
    }

    .hero-ctas .btn {
        width: 100%;
        max-width: 100%;
    }

    .breadcrumbs-bar {
        width: 100%;
        max-width: 100%;
    }

    .main,
    main {
        width: 100%;
        max-width: 100%;
    }

    .container {
        width: 100%;
        max-width: 100%;
    }

    .games-grid {
        width: 100%;
        max-width: 100%;
    }

    .demo-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .reg-table-wrapper {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {

    .hdr-wrap {
        padding: 10px 14px;
    }

    .hero-inner {
        padding: 40px 16px;
    }

    .hero-title {
        font-size: 1.7rem;
    }

    .hero-sub {
        font-size: .95rem;
    }

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 768px) {
    .container-header {
        width: 100%;
        max-width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .container-header .site-header {
        width: 100%;
        max-width: 100%;
        margin: 0 !important;
    }

    .container-header .hdr-wrap {
        width: 100%;
        max-width: 100%;
        margin: 0 !important;
    }
}

.faq-section {
    width: 100%;
}

.faq-list {
    width: 100%;
    max-width: 900px;
    margin: 24px auto 0;
}

.faq-item {
    width: 100%;
    margin-bottom: 14px;
    padding: 20px 24px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}

.faq-question {
    width: 100%;
    margin-bottom: 10px;
    color: var(--clr-primary);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
}

.faq-answer {
    width: 100%;
    color: var(--clr-text);
    text-align: left;
}

.faq-answer p {
    margin: 0;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .faq-section {
        width: 100%;
    }

    .faq-list {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }

    .faq-item {
        padding: 18px 16px;
        margin-bottom: 12px;
    }

    .faq-question {
        font-size: 1rem;
        text-align: left;
    }

    .faq-answer {
        font-size: .95rem;
        text-align: left;
    }
}

.sdbns {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    padding: 28px 30px;
    border: 1px solid #d7dce2;
    border-radius: 12px;
    background: #fff;
    box-sizing: border-box;
}

.sdbns h1,
.sdbns h2,
.sdbns h3 {
    color: #183064;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 18px;
}

.sdbns h1 {
    font-size: 2rem;
}

.sdbns h2 {
    font-size: 1.5rem;
    margin-top: 32px;
}

.sdbns h3 {
    font-size: 1.2rem;
    margin-top: 28px;
}

.sdbns p {
    margin: 0 0 18px;
    line-height: 1.7;
    color: #303640;
}

.sdbns ul,
.sdbns ol {
    margin: 0 0 24px;
    padding-left: 24px;
    color: #303640;
}

.sdbns li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.sdbns table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 28px;
    font-size: 15px;
}

.sdbns th,
.sdbns td {
    padding: 12px 14px;
    border: 1px solid #d7dce2;
    text-align: left;
    vertical-align: top;
}

.sdbns th {
    background: #183064;
    color: #fff;
    font-weight: 700;
}

.sdbns td {
    background: #fff;
}

@media (max-width: 768px) {
    .sdbns {
        width: 100%;
        max-width: 100%;
        margin: 20px 0;
        padding: 22px 16px;
        border-radius: 10px;
    }

    .sdbns h1 {
        font-size: 1.65rem;
        text-align: center;
    }

    .sdbns h2 {
        font-size: 1.35rem;
        margin-top: 26px;
    }

    .sdbns h3 {
        font-size: 1.1rem;
        margin-top: 24px;
    }

    .sdbns p {
        font-size: 15px;
        line-height: 1.65;
    }

    .sdbns ul,
    .sdbns ol {
        padding-left: 20px;
    }

    .sdbns table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        font-size: 14px;
    }

    .sdbns th,
    .sdbns td {
        min-width: 140px;
        padding: 10px 12px;
    }
}

@media (max-width: 480px) {
    .sdbns {
        padding: 18px 14px;
        margin: 16px 0;
    }

    .sdbns h1 {
        font-size: 1.45rem;
    }

    .sdbns h2 {
        font-size: 1.2rem;
    }

    .sdbns p {
        font-size: 14px;
    }
}

.demo-game-section {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto;
}

.demo-wrapper {
    position: relative;
    width: 100%;
    max-width: 900px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #d7dce2;
    border-radius: 12px;
    background: #fff;
}

.demo-wrapper iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
}

.demo-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #183064;
}

.demo-overlay-inner {
    text-align: center;
    padding: 30px 20px;
}

@media (max-width: 768px) {
    .demo-game-section {
        width: 100%;
        max-width: 100%;
        margin: 30px 0;
    }

    .demo-wrapper {
        width: 100%;
        max-width: 100%;
        height: 130vw;
        min-height: 0;
        aspect-ratio: auto;
        margin: 0;
        border-radius: 10px;
        overflow: hidden;
    }

    .demo-wrapper iframe {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        border: 0;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 480px) {
    .demo-wrapper {
        width: 100%;
        height: 130vw;
        aspect-ratio: auto;
        border-radius: 8px;
    }

    .demo-wrapper iframe {
        width: 100%;
        height: 100%;
    }

    .demo-overlay-inner {
        padding: 20px 14px;
    }

    .demo-label {
        font-size: 15px;
    }

    .demo-sub {
        font-size: 14px;
    }
}
 

.mobile-nav-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 20px 22px;
    border-top: 1px solid rgba(255,255,255,.1);
    box-sizing: border-box;
    width: 100%;
}

.mobile-nav-btns .mobile-nav-cta {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: .92rem;
    padding: 13px 20px;
    box-sizing: border-box;
    border-radius: 8px;
    text-align: center;
}