*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:64px}
body{min-height:100dvh;line-height:1.6;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);color:#e0e0e0;background:#232626}
img,picture{display:block;max-width:100%;height:auto}
ul{list-style:none}
a{color:inherit;text-decoration:none}
button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance;line-height:1.2;color:#ffffff}
p{text-wrap:pretty}
table{border-collapse:collapse;width:100%}
.pg-wrap{max-width:1200px;margin:0 auto;padding-left:10px;padding-right:10px}
.skip-lnk{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-lnk:focus{position:static;width:auto;height:auto;padding:8px 16px;background:#24EE89;color:#111111;font-weight:700;z-index:999}
a:focus-visible,button:focus-visible{outline:2px solid #24EE89;outline-offset:3px;border-radius:4px}
::selection{background:rgba(36,238,137,0.25);color:#ffffff}
header{background:#292D2E;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.07)}
.hd-bar{padding:0 10px}
.hd-wrap{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:64px}
.ham-btn{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0}
.ham-btn span{display:block;width:100%;height:2px;background:#e0e0e0;border-radius:2px}
.desk-nav{display:none}
@media(min-width:1081px){
.ham-btn{display:none}
.desk-nav{display:flex;align-items:center;flex:1;margin-left:28px}
.desk-list{display:flex;align-items:center;gap:2px;flex:1}
.desk-list li{display:flex;align-items:center;position:relative}
.desk-list a,.desk-list .nav-active{display:inline-flex;align-items:center;padding:8px 13px;font-size:clamp(0.875rem,0.8rem + 0.2vw,0.95rem);color:#e0e0e0;border-radius:6px;white-space:nowrap;transition:background .18s,color .18s}
.desk-list .nav-active{color:#24EE89;font-weight:600;background:rgba(36,238,137,0.09)}
.desk-list a:hover{background:rgba(255,255,255,0.07);color:#ffffff}
.sub-arr{display:inline-flex;align-items:center;justify-content:center;font-size:0.6rem;padding-left:3px;transition:transform .25s;transform-origin:center;color:#b8b8b8;pointer-events:none}
.has-sub:hover .sub-arr{transform:rotate(180deg)}
.desk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#1E2121;border:1px solid rgba(255,255,255,0.1);border-radius:8px;z-index:200;flex-direction:column}
.has-sub:hover .desk-sub{display:flex}
.desk-sub li{display:block}
.desk-sub a{display:block;padding:9px 16px;font-size:0.875rem;color:#e0e0e0;white-space:nowrap;transition:background .15s,color .15s}
.desk-sub a:hover{background:rgba(36,238,137,0.12);color:#24EE89}
.desk-auth{display:flex;align-items:center;gap:10px;margin-left:14px}
}
.btn-login{display:inline-flex;align-items:center;padding:9px 20px;border:1px solid rgba(255,255,255,0.22);border-radius:8px;font-size:0.875rem;color:#e0e0e0;transition:background .18s,border-color .18s;white-space:nowrap}
.btn-login:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.4)}
.btn-signup{display:inline-flex;align-items:center;padding:9px 20px;background:#24EE89;border:1px solid #24EE89;border-radius:8px;font-size:0.875rem;color:#111111;font-weight:700;transition:background .18s;white-space:nowrap}
.btn-signup:hover{background:#1fd678}
.mob-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#292D2E;z-index:300;overflow-y:auto}
.mob-menu.mob-open{display:flex}
@media(min-width:1081px){.mob-menu{display:none!important}}
.mob-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.08)}
.mob-close{font-size:1.8rem;color:#e0e0e0;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.mob-list{padding:10px 0}
.mob-list li{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.05)}
.mob-list a,.mob-list .nav-active{display:inline-flex;align-items:center;padding:14px 18px;font-size:1rem;color:#e0e0e0;flex:1}
.mob-list .nav-active{color:#24EE89;font-weight:600}
.mob-parent-row{display:flex;align-items:center;width:100%}
.mob-parent-row a{flex:1}
.mob-arr{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;cursor:pointer;transition:transform .25s;transform-origin:center;font-size:0.6rem;color:#b8b8b8}
.mob-arr.mob-open-arr{transform:rotate(180deg)}
.mob-sub{display:none;width:100%;flex-direction:column}
.mob-sub.mob-sub-open{display:flex}
.mob-sub li{border-top:1px solid rgba(255,255,255,0.04)}
.mob-sub a{display:inline-flex;align-items:center;padding:12px 18px 12px 36px;font-size:0.9rem;color:#b8b8b8;width:100%}
.mob-sub a:hover{color:#24EE89}
.mob-auth{display:flex;align-items:center;gap:10px;padding:16px 14px}
.mob-auth .btn-login{flex:1;justify-content:center}
.mob-auth .btn-signup{flex:1;justify-content:center}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:290}
.mob-overlay.mob-ov-open{display:block}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;background:#24EE89;border-radius:8px;color:#111111;font-weight:700;font-size:0.95rem;transition:background .18s}
.btn-cta:hover{background:#1fd678}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border:1px solid rgba(255,255,255,0.28);border-radius:8px;color:#ffffff;font-size:0.95rem;transition:background .18s}
.btn-outline:hover{background:rgba(255,255,255,0.09)}
.cta-row{text-align:center;margin-top:28px}
.hero-blk{position:relative;overflow:hidden;min-height:440px;display:flex;align-items:center}
.hero-img-bg{position:absolute;inset:0;background:url('/images/general/bc-game-nigeria-background.webp') center/cover no-repeat;z-index:0}
.hero-img-bg::before{content:"";position:absolute;inset:0;background:rgba(20,23,23,0.82);z-index:1}
.hero-body{position:relative;z-index:2;padding-top:60px;padding-bottom:60px;max-width:700px}
.hero-body h1{font-size:clamp(2rem,1rem + 3vw,3.4rem);font-weight:800;color:#ffffff;margin-bottom:18px}
.hero-body p{font-size:clamp(0.95rem,0.9rem + 0.25vw,1.1rem);color:#d8d8d8;margin-bottom:12px;line-height:1.7}
.hero-acts{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
@media(max-width:480px){.hero-acts{flex-direction:column}.hero-acts a{width:100%;text-align:center}}
.abt-blk{padding:60px 10px}
.abt-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.abt-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
.abt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
@media(max-width:1024px){.abt-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.abt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.abt-grid{grid-template-columns:1fr}}
.abt-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;transition:transform .2s,box-shadow .2s}
.abt-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(36,238,137,0.08)}
.abt-ico{font-size:1.3rem}
.abt-lbl{font-size:0.75rem;color:#bebebe;text-transform:uppercase;letter-spacing:.04em}
.abt-val{font-size:0.88rem;color:#e0e0e0;font-weight:600}
.reg-blk{padding:60px 10px;background:#1E2121}
.reg-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.reg-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
.step-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}
@media(max-width:768px){.step-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.step-row{grid-template-columns:1fr}}
.step-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px;background:rgba(36,238,137,0.05);border:1px solid rgba(36,238,137,0.14);border-radius:10px;gap:10px}
.step-num{width:36px;height:36px;border-radius:50%;background:#24EE89;color:#111111;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0}
.step-card p{font-size:0.875rem;color:#c4c4c4;line-height:1.55}
.gm-blk{padding:60px 10px}
.gm-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:14px}
.gm-blk p{color:#c4c4c4;margin-bottom:20px;line-height:1.7}
.tab-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.tab-btn{padding:9px 20px;border-radius:8px;border:1px solid rgba(255,255,255,0.15);color:#c4c4c4;font-size:0.875rem;background:transparent;transition:background .18s,color .18s,border-color .18s}
.tab-btn:hover{background:rgba(255,255,255,0.07);color:#ffffff}
.tab-btn.tab-on{background:#24EE89;color:#111111;font-weight:700;border-color:#24EE89}
.gm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:1024px){.gm-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.gm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.gm-grid{grid-template-columns:1fr}}
.gm-card{background:#1E2121;border:1px solid rgba(255,255,255,0.07);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.gm-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.32);transform:translateY(-3px)}
.gm-card img{width:100%;height:auto;aspect-ratio:250/150;object-fit:cover}
.gm-info{padding:12px;display:flex;flex-direction:column;gap:4px;flex:1}
.gm-title{font-size:0.95rem;font-weight:700;color:#f0f0f0}
.gm-prov{font-size:0.75rem;color:#ababab}
.gm-rtp{font-size:0.78rem;color:#24EE89;font-weight:600}
.btn-play{display:flex;align-items:center;justify-content:center;margin-top:8px;padding:9px 0;background:#24EE89;border-radius:6px;color:#111111;font-weight:700;font-size:0.85rem;transition:background .18s;width:100%}
.btn-play:hover{background:#1fd678}
.pay-blk{padding:60px 10px;background:#1E2121}
.pay-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.pay-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
.pay-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px}
.pay-tbl{border:1px solid rgba(255,255,255,0.08);border-radius:8px;overflow:hidden;min-width:500px}
.pay-tbl th{background:rgba(36,238,137,0.1);color:#e0e0e0;font-size:0.8rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;text-align:left;white-space:nowrap}
.pay-tbl td{padding:10px 14px;font-size:0.875rem;color:#c4c4c4;border-top:1px solid rgba(255,255,255,0.06);white-space:nowrap}
.pay-tbl tr:hover td{background:rgba(255,255,255,0.03)}
@media(max-width:480px){.pay-tbl th,.pay-tbl td{font-size:0.75rem;padding:8px 10px}}
@media(max-width:320px){.pay-tbl th,.pay-tbl td{font-size:0.7rem;padding:6px 8px}}
.bon-blk{padding:60px 10px}
.bon-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.bon-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
footer{background:#1E2121;border-top:1px solid rgba(255,255,255,0.07);padding-top:48px;padding-bottom:24px}
.ft-wrap{padding-left:10px;padding-right:10px}
.ft-cols{display:grid;grid-template-columns:1fr 1fr 2fr;gap:28px;margin-bottom:28px}
@media(max-width:968px){.ft-cols{grid-template-columns:1fr 1fr 1fr;gap:20px}}
@media(max-width:768px){.ft-cols{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:480px){.ft-cols{grid-template-columns:1fr}}
.ft-hdg{font-size:0.75rem;text-transform:uppercase;letter-spacing:.06em;color:#ababab;margin-bottom:10px;font-weight:600}
.ft-hdg-gap{margin-top:20px}
.ft-col ul li{margin-bottom:7px}
.ft-col ul a{font-size:0.85rem;color:#ababab;transition:color .15s}
.ft-col ul a:hover{color:#24EE89}
.ft-logo-rail{overflow:hidden;width:100%}
.ft-logo-track{display:flex;align-items:center;gap:20px;animation:rail-scroll 22s linear infinite}
.ft-logo-track img{height:25px;width:auto;filter:brightness(0.65) grayscale(0.3);flex-shrink:0;transition:filter .2s}
.ft-logo-track img:hover{filter:brightness(1) grayscale(0)}
@keyframes rail-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ft-trust-row{display:flex;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:20px}
@media(min-width:1081px){.ft-trust-row{justify-content:flex-end}}
.ft-trust-logos{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ft-trust-logos img{opacity:0.6}
.ft-lic{font-size:0.775rem;color:#ababab;line-height:1.65;margin-bottom:16px}
.ft-base{font-size:0.775rem;color:#ababab;text-align:center;padding-top:8px;border-top:1px solid rgba(255,255,255,0.04)}
@media(max-width:320px){.hero-body{padding-top:32px;padding-bottom:32px}.mob-menu{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}