*{box-sizing:border-box;position:relative}
html,body{padding:0;margin:0}
body{font-size:16px;letter-spacing:.5px;line-height:normal;font-family:'Lato',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#06122E;color:#fff}
img{max-width:100%;height:auto}

.container{max-width:1680px;width:100%;padding:0 20px;margin:0 auto}

.btn{display:inline-flex;padding:10px 35px;border-radius:35px;text-decoration:none;font-size:16px;font-weight:600;text-transform:uppercase;cursor:pointer;border:none;font-family:inherit}
.btn-white{background:#fff;color:#010101}
.btn-white:hover{background:#fefefe;box-shadow:0 4px 32px 0 rgba(255,255,255,.5)}
.btn-orange{background:#ff4c00;color:#fff}
.btn-orange:hover{background:#c63c00}
.btn-outline{border:1px solid #fff;color:#fff;background:transparent}
.btn-outline:hover{background:#fff;color:#06122E}

.header{padding-top:81px}
.navbar-wrapper{position:fixed;left:0;right:0;top:0;z-index:99;background:#111C3A}
.navbar-nav{display:none;position:fixed;background:#111C3A;width:100%;max-width:300px;height:100%;top:81px;left:0;right:0;justify-content:flex-start;align-items:flex-start;padding:20px;z-index:99}
.navbar-nav.show{display:flex}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.navbar-brand__wrapper{display:flex;align-items:center;gap:30px}
.navbar-brand a{display:flex;align-items:center;justify-content:center;height:35px}
.navbar-brand a svg,.navbar-brand a img{width:100%;height:100%;object-fit:contain}

.navbar-nav__quick ul{display:flex;align-items:center;justify-content:center;list-style:none;margin:0 auto;padding:0;gap:20px}
.navbar-nav__quick ul li a{color:#fff;text-decoration:none;text-transform:uppercase;display:flex;align-items:center;gap:10px;font-size:20px}
.navbar-nav__quick ul li a svg{fill:#ff4c00}
.navbar-nav{width:100%}
.navbar-nav ul{display:flex;flex-direction:column;justify-content:center;list-style:none;margin:0;padding:0;gap:20px;width:100%}
.navbar-nav ul li{padding:5px 20px}
.navbar-nav ul li a{text-decoration:none;color:#fff;text-transform:uppercase}
.navbar-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer}
.navbar-toggle svg{width:25px;height:25px}
.navbar-auth{display:flex;align-items:center;gap:10px}

.banner{padding:50px 50px 120px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background-image:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(../img/bg_default.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:0 0 15px 15px;overflow:hidden}
.banner-content{max-width:600px;z-index:2}
.banner-img{height:650px;display:flex;align-items:center;justify-content:center;position:absolute;right:20%;bottom:0}
.banner-img img{height:100%;width:auto;object-fit:cover}
.banner-badge{border:1px solid #ff4c00;border-radius:35px;padding:10px 25px;display:inline-flex;font-weight:500;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:25px}
.banner-badge svg{fill:#ff4c00}
.banner-title{font-size:64px;font-weight:700;text-transform:uppercase;overflow-wrap:break-word;hyphens:auto}
.banner-title span{display:block;color:#ff4c00}
.banner-text{font-size:24px;padding:25px 0;font-weight:300;color:#979797}
.banner-action{margin-top:100px}
.banner-pay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:#111C3A}
.banner-pay ul{display:flex;align-items:center;justify-content:center;gap:40px;padding:0;margin:0;list-style:none;flex-wrap:wrap}
.banner-pay ul li img{height:35px}

.feature{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0}
.feature-item{flex:1 1 auto;border-radius:15px;padding:20px;overflow:hidden;background:#1a2545 url(../img/82ddy5an6ssow88wsksc80ww4s4oo8w.png) center/cover}
.feature-item:before{content:'';display:block;position:absolute;left:0;right:0;top:0;height:100%;background:radial-gradient(108.48% 81.73% at 75.34% 100%,rgba(18,18,21,.43) 0,rgba(18,28,58,.91) 50.26%,rgba(18,28,58,.99) 100%)}
.feature-content{display:flex;flex-direction:column;justify-content:space-between}
.feature-title{font-weight:600;font-size:28px;margin-bottom:50px}

.games-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0}
.games-title{font-size:34px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:10px}
.games-title svg{width:35px;height:35px;fill:#ff4c00}
.games-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.game-item__link{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px}
span.game-item__img{display:flex;align-items:center;justify-content:center}
.game-item__content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,.7);border:2px solid #ff4c00;border-radius:5px;opacity:0;transition:all .2s ease-in-out;gap:8px;padding:8px;text-align:center}
.game-item__link:hover .game-item__content{opacity:1;z-index:2}
.game-item__play svg{width:40px;height:40px;color:#ff4c00;fill:#ff4c00}
.game-item__title{color:#fff;font-weight:600}

.jackpot{background:url(../img/jackpot-bg-huge.jpg) no-repeat center/cover,linear-gradient(135deg,#2c1259,#06122E);border-radius:15px;overflow:hidden;padding:50px 35px}
.jackpot-header{display:flex;flex-direction:column;align-items:center;gap:25px;padding:20px;text-align:center}
.jackpot-items{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.jackpot-item{flex:1 1 auto;background:linear-gradient(180deg,#252528,#06122E);padding:20px;border-radius:10px;text-decoration:none;color:#fff;min-width:170px}
.jackpot-content{display:flex;flex-direction:column}
.jackpot-header__title{font-size:48px;font-weight:600;margin-bottom:10px;text-transform:uppercase}
.jackpot-header__value{font-size:100px;font-weight:700;color:#fff;overflow-wrap:break-word}
.jackpot-title{font-weight:700;margin-bottom:10px}
.jackpot-value{font-weight:700;color:#ff4c00}

.content{margin:35px 0;background:#111C3A;padding:15px 25px;border-radius:15px}
.content h2{font-size:28px;margin:25px 0 15px;overflow-wrap:break-word;hyphens:auto}
.content h3{font-size:22px;margin:20px 0 12px}
.content p{line-height:1.6;color:#cdcdcd;margin:10px 0}
.content ul,.content ol{padding-left:20px;line-height:1.7;color:#cdcdcd}
.content table{width:100%;border-collapse:collapse;margin:15px 0;display:block;overflow-x:auto}
.content table th,.content table td{padding:10px;border:1px solid #2a3a5a;text-align:left}
.content table th{background:#1a2545}

.games{margin:50px 0;background:#111C3A;padding:15px 25px;border-radius:15px}

.top{margin:50px 0}
.top-section__title{font-size:44px;text-align:center;margin-bottom:20px}
.top-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
.top-block{flex:1 1 calc(50% - 10px);background:#111C3A;border-radius:15px;padding:20px;min-width:280px}
.top-title{font-size:28px;margin-bottom:35px;text-align:center}
.top-list ol{margin:0;padding:0;list-style:none}
.top-list ol li{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.top-list ol li img{height:40px;width:60px;object-fit:cover;border-radius:5px}
.top-user{flex:1 1 auto}
.top-deposit{flex:1 1 auto;text-align:center}
.top-win{color:#ff4c00;font-weight:700;font-size:18px;flex:1 1 auto;text-align:right}

.soft{background:#111C3A;padding:35px;border-radius:15px;overflow:hidden;margin:35px 0}
.soft ul{list-style:none;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:center;margin:0;padding:0}
.soft ul li img{height:35px;width:auto}

.payment{background:#111C3A;padding:35px;border-radius:15px;overflow:hidden;margin:35px 0}
.payment ul{list-style:none;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:center;margin:0;padding:0}
.payment ul li img{height:35px;width:auto}

.faq{margin:50px 0}
.faq-title{font-size:36px;font-weight:700;text-transform:uppercase;text-align:center;margin-bottom:30px}
.faq-wrapper{display:flex;flex-direction:column;gap:12px}
.faq details{background:#111C3A;border-radius:12px;padding:18px 22px;cursor:pointer}
.faq summary{font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:#ff4c00;font-size:24px;font-weight:700;margin-left:12px}
.faq details[open] summary::after{content:'−'}
.faq details p{color:#cdcdcd;line-height:1.6;margin:12px 0 0}

.reviews{margin:50px 0}
.reviews h3{font-size:36px;font-weight:700;text-transform:uppercase;margin-bottom:25px}
.reviews-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review-item{background:#111C3A;border-radius:15px;padding:25px;display:flex;gap:18px;align-items:flex-start}
.review-avatar{flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff4c00,#c63c00);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}
.review-body{flex:1}
.review-name{font-weight:700;font-size:16px;margin-bottom:8px}
.review-text{color:#cdcdcd;line-height:1.5;font-size:14px}
.reviews-form__wrapper{background:#111C3A;border-radius:15px;padding:25px;margin-top:35px}
.reviews-form__title h6{font-size:20px;font-weight:600;margin:0 0 18px}
.reviews-form .text,.reviews-form .textarea{background:#06122E;padding:15px;border-radius:15px;margin:10px 0;color:#fff;border:none;width:100%;font-family:inherit;font-size:15px}
.reviews-form .textarea{resize:vertical;min-height:100px}
#wpmtst_submit_testimonial{display:inline-flex;padding:10px 35px;border-radius:35px;text-decoration:none;font-size:16px;font-weight:600;text-transform:uppercase;background:#ff4c00;color:#fff;border:none;cursor:pointer;margin-top:10px}
#wpmtst_submit_testimonial:hover{background:#c63c00}

.footer{background:#111C3A;padding:30px 0;margin-top:50px}
.footer-brand{height:35px;width:max-content;display:flex;align-items:center;justify-content:center}
.footer-brand svg{width:100%;height:100%;object-fit:contain}
.footer-navbar{margin:35px 0;padding:35px 0;border-top:1px solid #ff4c00;border-bottom:1px solid #ff4c00;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px}
.footer-nav ul{list-style:none;margin:0;padding:0}
.footer-nav ul li{font-size:18px;text-transform:uppercase;font-weight:300;margin-bottom:10px}
.footer-nav ul li a{text-decoration:none;color:#fff}
.footer-info{display:flex;align-items:center;justify-content:flex-end;gap:30px}
.footer-copyright{color:#fff;font-weight:300;font-size:14px;margin-right:auto}
.footer-apps ul{display:flex;align-items:center;justify-content:flex-end;gap:10px;list-style:none;margin:0;padding:0}
.footer-apps ul li img{filter:grayscale(1) brightness(1);height:38px}
.footer-social ul{display:flex;align-items:center;justify-content:flex-end;gap:10px;list-style:none;margin:0;padding:0}
.footer-social ul li a{display:flex;align-items:center;justify-content:center;border:1px solid #ff4c00;border-radius:50%;padding:5px}
.footer-social ul li a img{filter:grayscale(1) brightness(1);height:20px;width:20px}
.footer-text{border-bottom:1px solid #ff4c00;padding:0 0 35px;margin-bottom:35px;color:#cdcdcd;line-height:1.6}
.footer-text p{margin:0 0 10px}

@media screen and (max-width:960px){
    .btn{padding:5px 25px;font-size:14px}
    .navbar-wrapper{z-index:999}
    .navbar{padding:10px 0}
    .navbar-brand a{height:25px;width:auto}
    .navbar-nav__quick{display:none}
    .banner{padding:20px 20px 120px}
    .banner-img{right:0;filter:blur(2px) brightness(.5)}
    .banner-title{font-size:44px}
    .games-grid{grid-template-columns:repeat(3,1fr)}
    .reviews-list{grid-template-columns:repeat(2,1fr)}
    .jackpot-header__title{font-size:38px}
    .jackpot-header__value{font-size:48px}
    .top-section__title{font-size:32px}
}

@media screen and (max-width:690px){
    .navbar-brand__wrapper{gap:10px}
    .navbar-auth .btn-outline{display:none}
    .banner{flex-direction:column-reverse;padding-bottom:40px}
    .banner-pay{display:none}
    .banner-title{font-size:32px}
    .banner-text{font-size:18px}
    .feature{flex-direction:column}
    .feature-item{width:100%}
    .games-header{flex-direction:column;align-items:flex-start}
    .games-title{font-size:24px}
    .games-grid{grid-template-columns:repeat(2,1fr)}
    .reviews-list{grid-template-columns:1fr}
    .top-list{font-size:14px}
    .top-list ol li{gap:12px}
    .top-list ol li img{height:32px;width:48px}
    .footer-navbar{flex-direction:column}
    .footer-nav ul li{font-size:16px}
    .footer-info{flex-direction:column-reverse;text-align:center;justify-content:center;align-items:flex-start}
    .footer-copyright{margin-right:0}
    .jackpot{padding:20px}
    .jackpot-header__title{font-size:32px}
    .jackpot-header__value{font-size:36px}
    .faq summary{font-size:16px}
    .faq-title{font-size:26px}
    .reviews h3{font-size:26px}
}

/* Responsive hero fix: keep H1 away from mascot on tablet/mobile */
.banner-title{margin:0;line-height:1.12;text-wrap:balance}
.banner-action{z-index:3}

@media screen and (max-width:1100px){
    .banner{padding:32px 28px 120px;gap:24px}
    .banner-content{max-width:520px}
    .banner-img{right:2%;height:560px}
}

@media screen and (max-width:960px){
    .banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,38%);align-items:end;padding:28px 24px 120px;min-height:auto}
    .banner-content{grid-column:1;max-width:100%;width:100%}
    .banner-img{grid-column:2;position:relative;right:auto;bottom:auto;height:auto;width:100%;max-width:360px;margin:0 auto -20px;filter:none;z-index:1;align-self:end}
    .banner-img img{display:block;width:100%;height:auto;object-fit:contain}
    .banner-title{font-size:clamp(34px,4.8vw,44px);line-height:1.14}
    .banner-text{font-size:20px;padding:22px 0 0}
    .banner-action{margin-top:36px}
}

@media screen and (max-width:690px){
    .banner{grid-template-columns:1fr;padding:18px 16px 28px;overflow:hidden}
    .banner-content{grid-column:1;z-index:2}
    .banner-img{grid-column:1;max-width:320px;margin:20px auto 0;opacity:.95}
    .banner-title{font-size:clamp(25px,7vw,32px);line-height:1.16;max-width:100%;hyphens:none}
    .banner-badge{margin-bottom:18px;padding:8px 20px}
    .banner-text{font-size:16px;padding:18px 0 0}
    .banner-action{margin-top:24px}
}

@media screen and (max-width:430px){
    .container{padding:0 12px}
    .banner{padding:16px 14px 24px}
    .banner-title{font-size:24px;line-height:1.18;letter-spacing:.2px}
    .banner-img{max-width:280px;margin-top:18px}
}