*{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100%;overflow-x:hidden}
body{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#0f1218;color:#e6e7eb;line-height:1.55;font-size:15px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.top-nav{position:sticky;top:0;z-index:50;background:#15181f;border-bottom:1px solid #232732}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;max-width:1180px;margin:0 auto}
.brand-mark{font-weight:800;font-size:22px;letter-spacing:.5px;color:#fff}
.brand-mark span{color:#7ed957}
.burger{background:none;border:1px solid #2c313d;border-radius:6px;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.burger span{width:22px;height:2px;background:#cfd2d8;display:block;border-radius:2px}
.drawer{display:none;flex-direction:column;background:#15181f;border-bottom:1px solid #232732;padding:10px 18px 16px}
.drawer.open{display:flex}
.drawer a{padding:11px 4px;border-bottom:1px solid #232732;color:#d6d8df}
.drawer .cta-mini{margin-top:10px;background:#7ed957;color:#0f1218;border-radius:8px;text-align:center;font-weight:700;border:none}

.crumbs{max-width:1180px;margin:0 auto;padding:12px 18px;font-size:12.5px;color:#8b919e;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crumbs a{color:#7ed957}
.crumbs span{color:#5d6371}

.hero{background-size:cover;background-position:center;padding:42px 18px 56px;text-align:center;border-bottom:1px solid #232732}
.hero-inner{max-width:780px;margin:0 auto}
.hero-badge{display:inline-block;background:#7ed957;color:#0f1218;font-weight:800;padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:1.5px;margin-bottom:14px}
.hero-title{font-size:26px;font-weight:800;line-height:1.25;margin-bottom:12px;color:#fff}
.hero-sub{font-size:14px;color:#c5c8d2;margin-bottom:18px}
.hero-offer{font-size:18px;font-weight:800;color:#7ed957;margin-bottom:18px}
.hero-cta{display:inline-block;background:#7ed957;color:#0f1218;padding:14px 30px;border-radius:10px;font-weight:800;letter-spacing:.5px;box-shadow:0 8px 24px rgba(126,217,87,.25)}
.hero-cta:hover{filter:brightness(1.08)}

.cats{max-width:1180px;margin:0 auto;padding:24px 18px 4px}
.cat-list{list-style:none;display:grid;grid-template-columns:1fr;gap:6px}
.cat-list a{display:flex;align-items:center;gap:14px;padding:14px 6px;border-bottom:1px solid #1c2029;color:#dfe2e8;font-size:16px}
.cat-list svg{width:22px;height:22px;flex-shrink:0}

.sec-head{display:flex;justify-content:space-between;align-items:center;padding:22px 18px 14px;max-width:1180px;margin:0 auto}
.sec-title{font-size:14px;font-weight:800;letter-spacing:1.5px;color:#fff}
.view-all{color:#cfd2d8;font-size:13px}
.view-all:hover{color:#7ed957}

.top-games{max-width:1180px;margin:0 auto}
.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px}
.game-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1/1;background:#1a1e27;display:block}
.game-card img{width:100%;height:100%;object-fit:cover}
.game-card span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:10px 12px;font-size:12px;font-weight:600;color:#fff}

.bonus-strip{max-width:1180px;margin:30px auto 0;padding:0 18px;display:grid;grid-template-columns:1fr;gap:14px}
.bonus-card{background:linear-gradient(135deg,#1a2630,#0f1a14);border:1px solid #2a3a2f;border-radius:14px;padding:22px 20px;position:relative;overflow:hidden}
.bonus-card.alt{background:linear-gradient(135deg,#23202e,#160f1a);border-color:#3a2a3a}
.bonus-tag{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#7ed957;margin-bottom:8px}
.bonus-amount{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px}
.bonus-text{font-size:13.5px;color:#c5c8d2;margin-bottom:16px}
.bonus-btn{display:inline-block;background:#7ed957;color:#0f1218;padding:11px 22px;border-radius:8px;font-weight:700;font-size:13.5px}

.seo-content{max-width:880px;margin:36px auto 10px;padding:24px 18px;background:#13161d;border-radius:14px;border:1px solid #1f232d}
.seo-content h1{font-size:24px;color:#fff;margin-bottom:18px;line-height:1.25}
.seo-content h2{font-size:19px;color:#7ed957;margin:26px 0 12px;line-height:1.3}
.seo-content h3{font-size:16px;color:#fff;margin:18px 0 8px}
.seo-content p{margin-bottom:12px;color:#cfd2d8;font-size:14.5px}
.seo-content ul{padding-left:20px;margin-bottom:14px}
.seo-content li{margin-bottom:7px;color:#cfd2d8;font-size:14px;word-break:break-word}
.seo-content strong{color:#fff}
.seo-content em{color:#a5e88a}

.faq-wrap{max-width:880px;margin:10px auto;padding:0 18px}
.faq details{background:#13161d;border:1px solid #1f232d;border-radius:10px;margin-bottom:10px;padding:14px 16px}
.faq summary{cursor:pointer;font-weight:700;color:#fff;font-size:14.5px;list-style:none;position:relative;padding-right:28px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:0;top:-2px;color:#7ed957;font-size:22px;font-weight:400}
.faq details[open] summary:after{content:'−'}
.faq details p{margin-top:10px;color:#c5c8d2;font-size:14px}

.reviews{max-width:1180px;margin:0 auto}
.rev-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:0 18px}
.rev{background:#13161d;border:1px solid #1f232d;border-radius:12px;padding:16px}
.rev-top{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}
.rev-name{font-weight:700;color:#fff}
.stars{color:#f5c542}
.rev p{color:#c5c8d2;font-size:14px;margin-bottom:8px}
.rev time{font-size:12px;color:#8b919e}

.payments{max-width:1180px;margin:10px auto}
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px}
.pay{background:#1a1e27;border:1px solid #232732;border-radius:10px;padding:22px 10px;text-align:center;font-weight:700;color:#cfd2d8;font-size:14px;letter-spacing:.5px}

.author{max-width:880px;margin:30px auto;padding:20px 18px;display:flex;gap:16px;background:#13161d;border:1px solid #1f232d;border-radius:14px;align-items:flex-start;margin-left:18px;margin-right:18px}
.author-avatar{width:56px;height:56px;border-radius:50%;background:#7ed957;color:#0f1218;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex-shrink:0}
.author-name{font-weight:800;color:#fff;font-size:16px}
.author-role{font-size:12px;color:#8b919e;margin-bottom:8px}
.author-body p{font-size:13.5px;color:#c5c8d2;margin-bottom:8px}
.author-contact{font-size:12.5px;color:#7ed957}

.footer{padding:30px 18px;border-top:1px solid #232732;text-align:center;color:#8b919e;font-size:13px;margin-top:20px}
.footer p{margin-bottom:10px;max-width:880px;margin-left:auto;margin-right:auto}
.footer a{color:#7ed957}

@media (min-width:640px){
  .games-grid,.rev-grid,.pay-grid{grid-template-columns:repeat(3,1fr)}
  .bonus-strip{grid-template-columns:1fr 1fr}
  .hero-title{font-size:32px}
  .cat-list{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .top-nav .drawer{display:flex !important;flex-direction:row;position:static;background:none;border:none;padding:0;gap:6px}
  .top-nav .drawer a{border:none;padding:8px 14px}
  .burger{display:none}
  .games-grid,.pay-grid{grid-template-columns:repeat(4,1fr)}
  .rev-grid{grid-template-columns:repeat(3,1fr)}
  .cat-list{grid-template-columns:repeat(3,1fr)}
  .hero{padding:70px 18px 80px}
  .hero-title{font-size:38px}
}