html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;padding:0;background:#213545;color:#DCE9F2;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1rem;line-height:1.65}
img{max-width:100%;height:auto}
h1,h2,h3{color:#FFFFFF;line-height:1.2;margin:0 0 16px}
h1{font-size:clamp(1.9rem,4.5vw,2.9rem)}
h2{font-size:clamp(1.45rem,3vw,2rem);margin-top:44px}
h3{font-size:1.05rem;margin:10px 0 6px}
p{margin:0 0 20px}
a{color:#FFD25F;text-decoration:none}
a:hover,a:focus{text-decoration:underline}
ul,ol{margin:0 0 20px;padding:0}
.cwrap{max-width:1200px;margin:0 auto;padding:0 10px}
.skip-link{position:absolute;left:-9999px;top:0;background:#FFD25F;color:#0E202D;padding:10px 16px;z-index:200}
.skip-link:focus{left:10px;top:10px}
.site-top{background:#172B39;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(6,17,24,0.45)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}
.logo-box{width:120px;height:60px;flex:0 0 auto}
.logo-box img{display:block}
.dnav{display:none;align-items:center}
.dnav-list{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.dnav-list>li{margin:0 14px;position:relative}
.dnav-list a,.dnav-active{color:#FFFFFF;padding:10px 4px;display:inline-block}
.dnav-list a:hover,.dnav-list a:focus{color:#FFD25F;text-decoration:none}
.dnav-active{border-bottom:2px solid #FFD25F}
.dcaret{display:inline-block;margin-left:6px;font-size:0.7em;transition:transform 0.25s}
.has-sub:hover .dcaret{transform:rotate(180deg)}
.dsub{display:none;list-style:none;margin:0;padding:8px 0;position:absolute;top:calc(100% + 1px);left:0;background:#1B2F3E;box-shadow:0 10px 24px rgba(6,17,24,0.5);border-radius:0 0 10px 10px;z-index:60}
.has-sub:hover .dsub{display:block}
.dsub a{display:block;padding:10px 18px;white-space:nowrap;color:#DCE9F2}
.dsub a:hover,.dsub a:focus{background:#2A4254;color:#FFD25F;text-decoration:none}
.auth-block{display:none;align-items:center}
.btn-login,.btn-signup{display:inline-block;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:600}
.btn-login{color:#FFD25F;border:1px solid #FFD25F;margin-right:10px}
.btn-login:hover,.btn-login:focus{background:rgba(255,210,95,0.12);text-decoration:none}
.btn-signup{background:#0E202D;color:#FFFFFF;border:1px solid rgba(255,255,255,0.25)}
.btn-signup:hover,.btn-signup:focus{background:#16293a;text-decoration:none}
.burger{display:block;background:none;border:1px solid rgba(255,255,255,0.25);border-radius:8px;padding:10px 12px;cursor:pointer}
.burger span{display:block;width:24px;height:3px;background:#FFFFFF;margin:4px 0}
.burger:hover,.burger:focus{opacity:0.75}
.burger span:last-child{margin-bottom:0}
.burger span:first-child{margin-top:0}
.mobmenu{display:none;position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:#172B39;z-index:100;padding:12px 18px 24px;overflow-y:auto}
.mobmenu.open{display:flex;flex-direction:column;animation:slidein 0.25s ease-out}
@keyframes slidein{from{transform:translateX(100%)}to{transform:translateX(0)}}
.mob-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mob-close{background:none;border:1px solid rgba(255,255,255,0.25);border-radius:8px;color:#FFFFFF;font-size:26px;line-height:1;width:44px;height:44px;cursor:pointer}
.mob-close:hover,.mob-close:focus{opacity:0.75}
.mob-list{list-style:none;margin:0;padding:0}
.mob-list>li{margin-bottom:4px}
.mob-list a,.mob-active{display:block;color:#FFFFFF;padding:12px 6px;font-size:1.1rem}
.mob-active{color:#FFD25F;font-weight:700}
.mob-parent-row{display:flex;align-items:center}
.mob-parent-row a{flex:1}
.mob-arr{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#FFD25F;font-size:20px;cursor:pointer;transition:transform 0.25s}
.mob-arr-open{transform:rotate(180deg)}
.mob-sub{display:none;list-style:none;margin:0;padding:0}
.mob-sub.sub-open{display:block}
.mob-sub a{padding-left:26px;font-size:1rem;color:#DCE9F2}
.mob-auth{display:flex;margin-top:18px}
.mob-auth .btn-login,.mob-auth .btn-signup{flex:1;text-align:center;margin-right:0}
.mob-auth .btn-login{margin-right:10px}
.mob-overlay{display:none}
.mob-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:90}
.hcta-row{display:flex;justify-content:center;flex-wrap:wrap;margin:22px 0 8px}
.hcta{display:inline-block;padding:14px 26px;border-radius:10px;font-weight:700;text-decoration:none;margin:6px 8px}
.hcta-fill{background:#0E202D;color:#FFFFFF;border:1px solid rgba(255,255,255,0.25)}
.hcta-fill:hover,.hcta-fill:focus{background:#16293a;text-decoration:none}
.hcta-line{background:transparent;color:#FFD25F;border:1px solid #FFD25F}
.hcta-line:hover,.hcta-line:focus{background:rgba(255,210,95,0.12);text-decoration:none}
.stake-tanzania-label{color:#FFD25F;font-size:0.82rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin:34px 0 8px}
.btn{display:inline-block;background:#0E202D;color:#FFFFFF;padding:14px 30px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,0.25)}
.btn:hover,.btn:focus{background:#16293a;text-decoration:none}
.cta-row{display:flex;justify-content:center;margin:8px 0 10px}
.facts-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 24px}
.fact-card{background:#1B2F3E;border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(6,17,24,0.45);transition:transform 0.2s,box-shadow 0.2s}
.fact-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(6,17,24,0.55)}
.ficon{display:block;font-size:1.5rem;margin-bottom:8px}
.fval{display:block;color:#DCE9F2;font-size:0.95rem}
.games-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 24px}
.gcard{background:#1B2F3E;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(6,17,24,0.45);transition:transform 0.2s,box-shadow 0.2s;padding-bottom:14px}
.gcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(6,17,24,0.55)}
.gcard img{display:block;width:100%}
.gcard h3{padding:0 14px}
.gmeta{display:block;padding:0 14px;color:#B9CCDA;font-size:0.85rem;margin-bottom:4px}
.grtp{display:block;padding:0 14px;color:#FFD25F;font-size:0.85rem;font-weight:700}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 24px}
.pay-table{width:100%;border-collapse:collapse;font-size:0.95rem}
.pay-table th{background:#EAF1F6;color:#172B39;text-align:left;padding:12px 14px}
.pay-table td{background:#1B2F3E;color:#DCE9F2;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.07)}
.steps{list-style:none;counter-reset:stepc;margin:0 0 24px;padding:0}
.steps li{counter-increment:stepc;position:relative;padding:10px 0 10px 52px;color:#DCE9F2}
.steps li::before{content:counter(stepc);position:absolute;left:0;top:8px;width:34px;height:34px;border-radius:50%;background:#0E202D;color:#FFD25F;font-weight:700;display:flex;align-items:center;justify-content:center}
.sport-list,.limpanel ul{list-style:none;margin:0 0 24px;padding:0}
.sport-list li,.limpanel li{position:relative;padding:8px 0 8px 26px;color:#DCE9F2}
.sport-list li::before,.limpanel li::before{content:"✓";position:absolute;left:0;top:8px;color:#FFD25F;font-weight:700}
.limpanel{background:#1B2F3E;border-radius:14px;padding:18px 20px;box-shadow:0 6px 18px rgba(6,17,24,0.45);margin:0 0 24px}
.limpanel ul{margin:0}
.limpanel li::before{content:"!"}
.fbot{background:#0E202D;margin-top:60px;padding:44px 0 30px}
.fgrid{display:grid;grid-template-columns:1fr;gap:26px;margin-bottom:30px}
.fttl{color:#FFFFFF;font-size:1.15rem;font-weight:700;margin:0 0 10px}
.fbrand p{color:#B9CCDA;font-size:0.92rem;margin:0}
.flink-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.flink-list li{margin-bottom:10px}
.flink-list a{color:#DCE9F2;padding:4px 0;display:inline-block}
.flink-list a:hover,.flink-list a:focus{color:#FFD25F}
.pay-row,.prov-row{overflow:hidden;margin-bottom:22px}
.fcap{color:#B9CCDA;font-size:0.82rem;letter-spacing:0.12em;text-transform:uppercase;margin:0 0 10px}
.logo-track{display:flex;width:max-content;animation:marquee 34s linear infinite}
.pay-row:hover .logo-track,.prov-row:hover .logo-track{animation-play-state:paused}
.logo-set{display:flex;align-items:center}
.logo-set img{margin:0 16px;opacity:0.9}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.trust-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:8px 0 26px}
.trust-row img{margin:8px 14px}
.lic-text{color:#B9CCDA;font-size:0.82rem;line-height:1.6;border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;margin:0}
@media (prefers-reduced-motion:reduce){
.logo-track{animation:none;flex-wrap:wrap;width:100%}
.mobmenu.open{animation:none}
.fact-card,.gcard{transition:none}
}
@media (min-width:481px){
.games-grid{grid-template-columns:repeat(2,1fr)}
.facts-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:769px){
.games-grid{grid-template-columns:repeat(3,1fr)}
.facts-grid{grid-template-columns:repeat(3,1fr)}
.fgrid{grid-template-columns:1fr 1fr}
.pay-table{font-size:0.9rem}
}
@media (min-width:969px){
.games-grid{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1081px){
.dnav{display:flex}
.auth-block{display:flex}
.burger{display:none}
.mobmenu{display:none!important}
.flink-list{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
.flink-list li{margin-bottom:0;margin-right:22px}
}
@media (max-width:480px){
.pay-table{font-size:0.82rem}
.pay-table th,.pay-table td{padding:9px 10px}
}
@media (max-width:320px){
.pay-table{font-size:0.78rem}
.hcta{padding:12px 18px}
}