*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.65;background:#1F2F38;color:#FFFFFF;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:#FFB200}
h1{font-size:clamp(30px,5vw,46px);line-height:1.15;font-weight:800;margin-bottom:18px}
h2{font-size:clamp(24px,3.4vw,34px);line-height:1.2;font-weight:800;margin-bottom:16px}
h3{font-size:clamp(18px,2.4vw,22px);line-height:1.3;font-weight:700;margin-bottom:12px}
p{margin-bottom:16px}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:3px solid #FFB200;outline-offset:2px}
.skip-link{position:absolute;left:-9999px;top:0;background:#FFB200;color:#131E28;font-weight:700;padding:12px 18px;z-index:400;text-decoration:none;border-radius:0 0 8px 0}
.skip-link:focus{left:0;top:0}
.shell{max-width:1200px;margin:0 auto}
.topbar{position:sticky;top:0;z-index:100;background:#3A5F0F;box-shadow:0 2px 0 0 #60981A}
.topbar-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.logo-box{line-height:0}
.logo-box img{display:block;width:150px;height:auto}
.dnav{display:none}
.dnav-list{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.dnav-list>li{margin-left:4px;position:relative}
.dnav-list a,.dnav-active{color:#FFFFFF;text-decoration:none;font-weight:600;font-size:15px;padding:10px 12px;display:block;border-radius:6px}
.dnav-list a:hover{background:rgba(255,255,255,0.14)}
.dnav-active{background:rgba(0,0,0,0.28)}
.dnav-arr{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease}
.dnav-has-sub:hover .dnav-arr{transform:rotate(180deg)}
.dsub{display:none;position:absolute;top:calc(100% + 1px);left:0;list-style:none;margin:0;padding:6px 0;background:#26394A;border-radius:0 0 10px 10px;box-shadow:0 12px 24px rgba(6,12,16,0.45);z-index:120}
.dnav-has-sub:hover .dsub{display:block}
.dsub li{margin:0}
.dsub a{padding:11px 18px;white-space:nowrap;font-size:14px;border-radius:0}
.dsub a:hover{background:#1F2F38}
.dnav-auth{display:flex;align-items:center;margin-left:20px}
.auth-login{color:#FFFFFF;border:2px solid #FFFFFF;padding:8px 20px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;margin-right:12px;transition:background-color .2s ease}
.auth-login:hover{background:rgba(255,255,255,0.14)}
.auth-signup{background:#FFB200;color:#131E28;padding:10px 22px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;transition:background-color .2s ease}
.auth-signup:hover{background:#E0A000}
.hamb{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:0;padding:12px;cursor:pointer;border-radius:8px}
.hamb:hover{background:rgba(255,255,255,0.14)}
.hamb span{display:block;width:26px;height:3px;background:#FFFFFF;margin:3px 0;border-radius:2px}
.mobmenu{display:none;position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:#131E28;z-index:200;overflow-y:auto;box-shadow:-12px 0 32px rgba(0,0,0,0.45)}
.mobmenu.mm-open{display:flex;flex-direction:column;animation:mobslide .28s ease-out}
@keyframes mobslide{from{transform:translateX(100%)}to{transform:translateX(0)}}
.mob-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#3A5F0F;line-height:0}
.mob-top img{display:block;width:150px;height:auto}
.mob-close{background:transparent;border:0;color:#FFFFFF;font-size:34px;line-height:1;padding:8px 12px;cursor:pointer;border-radius:8px}
.mob-close:hover{background:rgba(255,255,255,0.14)}
.mob-list{list-style:none;margin:0;padding:8px 0}
.mob-list a,.mob-active{color:#FFFFFF;text-decoration:none;font-size:17px;font-weight:600;padding:14px 20px;display:block}
.mob-list a:hover{background:rgba(255,255,255,0.08)}
.mob-active{color:#FFB200}
.mob-parent-row{display:flex;align-items:center}
.mob-parent-row a{flex:1}
.mob-arr{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#FFFFFF;cursor:pointer;transition:transform .2s ease}
.mob-arr-open{transform:rotate(180deg)}
.mob-sub{display:none;list-style:none;margin:0;padding:0}
.mob-sub.mob-sub-open{display:block}
.mob-sub a{padding-left:38px;font-size:15px}
.mob-auth{display:flex;padding:14px 16px 26px}
.mob-auth a{flex:1;text-align:center;text-decoration:none;font-weight:700;font-size:15px;border-radius:8px}
.mob-auth .auth-login{margin-right:12px;padding:11px 0}
.mob-auth .auth-signup{padding:13px 0}
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:150}
.mobile-overlay.ov-open{display:block}
.blk{padding:64px 24px}
.blk ul{margin:0 0 16px 22px}
.blk li{margin-bottom:8px;line-height:1.6}
.blk-lite{background:#F5F8FA;color:#1F2F38}
.blk-lite a{color:#2E4A0C}
.sportpesa-tanzania-label{color:#A9D95E;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.sportpesa-tanzania-label-light{color:#2E4A0C}
.ctarow{display:flex;justify-content:center;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;background:#FFB200;color:#131E28;font-weight:700;font-size:16px;padding:14px 34px;border-radius:8px;text-decoration:none;transition:background-color .2s ease}
.btn:hover{background:#E0A000}
.btn:focus-visible,.hact:focus-visible,.auth-signup:focus-visible{outline-color:#FFFFFF}
.hact{display:inline-block;background:#FFB200;color:#131E28;font-weight:700;font-size:17px;padding:15px 36px;border-radius:8px;text-decoration:none;transition:background-color .2s ease;margin:6px}
.hact:hover{background:#E0A000}
.hact-ghost{display:inline-block;background:transparent;color:#FFB200;border:2px solid #FFB200;padding:13px 34px;border-radius:8px;font-weight:700;font-size:17px;text-decoration:none;transition:background-color .2s ease;margin:6px}
.hact-ghost:hover{background:rgba(255,178,0,0.12)}
.tablist{display:flex;flex-wrap:wrap}
.tabbtn{background:#26394A;color:#FFFFFF;border:0;font-weight:700;font-size:15px;padding:12px 26px;cursor:pointer;border-radius:10px 10px 0 0;margin:0 6px 0 0;font-family:inherit;transition:background-color .2s ease}
.tabbtn:hover{background:#2E4A0C}
.tabbtn[aria-selected="true"]{background:#FFB200;color:#131E28}
.tabpanel{background:#26394A;border-radius:0 12px 12px 12px;padding:22px}
.tabpanel[hidden]{display:none}
.blk-lite .tabpanel{background:#FFFFFF;box-shadow:0 6px 18px rgba(19,30,40,0.14)}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px}
.copybtn{background:#3A5F0F;border:0;color:#FFFFFF;font-weight:700;font-size:14px;padding:10px 18px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}
.copybtn:hover{background:#2E4A0C}
table{width:100%;border-collapse:collapse;font-size:15px}
th{background:#26394A;color:#FFFFFF;text-align:left;padding:12px 14px;font-weight:700}
td{color:#C7D3DB;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.10)}
.blk-lite th{background:#1F2F38;color:#FFFFFF}
.blk-lite td{color:#1F2F38;border-bottom:1px solid rgba(19,30,40,0.14)}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;margin-top:24px}
.fgrid-2{grid-template-columns:repeat(2,1fr)}
.fcard{background:#26394A;border-radius:12px;padding:22px;box-shadow:0 6px 18px rgba(6,12,16,0.35);transition:transform .2s ease,box-shadow .2s ease}
.fcard:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(6,12,16,0.45)}
.fcard-ic{display:block;font-size:26px;margin-bottom:10px}
.fcard-l{display:block;color:#C7D3DB;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.fcard-v{display:block;color:#FFFFFF;font-size:17px;font-weight:700;line-height:1.4}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;margin-top:20px}
.gcard{background:#26394A;border-radius:12px;overflow:hidden;display:block;text-decoration:none;box-shadow:0 6px 18px rgba(6,12,16,0.35);transition:transform .2s ease,box-shadow .2s ease}
.gcard:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(6,12,16,0.5)}
.gcard img{display:block;width:100%;height:auto}
.gcard-t{display:block;color:#FFFFFF;font-weight:700;font-size:16px;padding:14px 14px 6px}
.gcard-p{display:block;color:#C7D3DB;font-size:13px;padding:0 14px 16px}
.blk-lite .gcard{background:#FFFFFF;box-shadow:0 6px 18px rgba(19,30,40,0.14)}
.blk-lite .gcard:hover{box-shadow:0 12px 26px rgba(19,30,40,0.2)}
.blk-lite .gcard-t{color:#1F2F38}
.blk-lite .gcard-p{color:#3D5666}
.crumbs{padding:20px 24px 0;font-size:13px;color:#A9BCC7}
.crumbs ol{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;max-width:1200px}
.crumbs li+li::before{content:"›";margin:0 8px;color:#A9BCC7}
.crumbs a{color:#C7D3DB;text-decoration:none}
.crumbs a:hover{color:#FFFFFF}
.foot{background:#131E28;padding:48px 24px 32px}
.foot-in{max-width:1200px;margin:0 auto}
.foot-brand{color:#FFFFFF;font-size:20px;font-weight:800;text-align:center;margin-bottom:8px}
.foot-tag{color:#B9C6CF;font-size:14px;text-align:center;margin-bottom:24px}
.foot-nav ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 0 32px;padding:0}
.foot-nav li{margin:6px 14px}
.foot-nav a{color:#B9C6CF;text-decoration:none;font-size:14px}
.foot-nav a:hover{color:#FFFFFF}
.foot-cap{color:#A0B2BD;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-bottom:16px}
.payrow,.provrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:28px}
.payrow img,.provrow img{margin:8px 12px;display:block}
.trustrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:4px 0 28px}
.trustrow img{margin:8px 16px;display:block}
.foot-legal{border-top:1px solid rgba(255,255,255,0.10);padding-top:24px;color:#A0B2BD;font-size:13px;line-height:1.7;text-align:center;margin-bottom:0}
@media(min-width:1081px){.dnav{display:flex;align-items:center}.hamb{display:none}.mobmenu{display:none!important}.mobile-overlay{display:none!important}}
@media(max-width:968px){.fgrid{grid-template-columns:repeat(3,1fr)}.ggrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.blk{padding:48px 18px}.foot-nav ul{flex-direction:column;align-items:center}.foot-nav li{margin:6px 0}.fgrid{grid-template-columns:repeat(2,1fr)}.ggrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.blk{padding:40px 14px}.fgrid{grid-template-columns:1fr}.fgrid-2{grid-template-columns:1fr}.ggrid{grid-template-columns:1fr}table{font-size:13px}th,td{padding:9px 10px}.logo-box img{width:120px}.mob-top img{width:120px}.hact{padding:13px 28px;font-size:16px}.hact-ghost{padding:11px 26px;font-size:16px}.tabbtn{padding:11px 18px;font-size:14px}}
@media(max-width:320px){.hact{padding:12px 20px}.hact-ghost{padding:10px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}