*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#EAECEF;color:#111820;line-height:1.55}
img{max-width:100%;height:auto}
.skip-link{position:absolute;left:-9999px;top:0;background:#111820;color:#FFFFFF;padding:10px 16px;z-index:999}
.skip-link:focus{left:10px;top:10px}
header{background:#E41827;position:sticky;top:0;z-index:100}
.nav-strip{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.brand-logo{width:150px;height:30px}
.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:0;padding:12px;cursor:pointer}
.burger span{display:block;width:26px;height:3px;background:#FFFFFF;margin:3px 0}
.burger:hover span{background:#111820}
.burger:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.desk-nav{display:none}
.desk-list{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.desk-list>li{position:relative;display:flex;align-items:center;margin-left:24px}
.desk-list a,.active-item{color:#FFFFFF;text-decoration:none;font-weight:700;padding:8px 4px;display:inline-block}
.desk-list a:hover{color:#FFFFFF;text-decoration:underline}
.desk-list a:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.has-sub{display:flex;align-items:center}
.desk-arrow{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;color:#FFFFFF;margin-left:4px;transition:transform .2s}
.has-sub:hover .desk-arrow{transform:rotate(180deg)}
.desk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#FFFFFF;list-style:none;margin:0;padding:6px 0;z-index:200}
.has-sub:hover .desk-sub{display:block}
.desk-sub li{list-style:none}
.desk-sub a,.desk-sub .active-item{color:#111820;white-space:nowrap;padding:10px 18px;display:block;font-weight:400}
.desk-sub a:hover{background:#EAECEF;color:#111820}
.desk-sub .active-item{background:#EAECEF;font-weight:700}
.desk-auth{display:none}
.auth-login,.auth-signup{padding:10px 18px;border-radius:6px;font-weight:700;text-decoration:none;text-align:center}
.auth-login{background:transparent;border:2px solid #FFFFFF;color:#FFFFFF}
.auth-signup{background:#0D9737;border:2px solid #0D9737;color:#FFFFFF}
.auth-login:focus-visible,.auth-signup:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.mob-menu{display:none;position:fixed;top:0;right:0;height:100%;width:100%;max-width:340px;background:#1B1E25;z-index:300;flex-direction:column;transform:translateX(100%);transition:transform .25s}
.mob-menu.active{display:flex;transform:translateX(0)}
.mob-top{display:flex;align-items:center;justify-content:space-between;padding:14px;background:#E41827}
.mob-close{background:transparent;border:0;color:#FFFFFF;font-size:28px;line-height:1;padding:8px;cursor:pointer}
.mob-close:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.mob-list{list-style:none;margin:0;padding:14px}
.mob-list>li{margin-bottom:6px}
.mob-list a,.mob-list .active-item{display:block;color:#EAECEF;text-decoration:none;padding:12px 6px;font-weight:700}
.mob-list a:focus-visible{outline:3px solid #111820;outline-offset:2px}
.mob-parent-row{display:flex;align-items:center}
.mob-parent-row a{flex:1}
.mob-arrow{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#EAECEF;cursor:pointer;transition:transform .2s}
.mob-arrow:focus-visible{outline:3px solid #111820;outline-offset:2px}
.mob-arr-open{transform:rotate(180deg)}
.mob-sub{display:none;list-style:none;margin:0;padding:0 0 0 22px}
.mob-sub.open{display:block}
.mob-sub a,.mob-sub .active-item{padding:10px 6px;font-weight:400}
.mob-sub .active-item{font-weight:700}
.mob-auth{display:flex;padding:14px;gap:10px}
.mob-auth a{flex:1}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:250}
.mob-overlay.active{display:block}
.sweet-start{position:relative;overflow:hidden;background:#111820;color:#FFFFFF;padding:52px 20px}
.sweet-start::before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(228,24,39,.22),transparent 45%),repeating-linear-gradient(45deg,rgba(13,151,55,.16) 0,rgba(13,151,55,.16) 2px,transparent 2px,transparent 26px);pointer-events:none}
.sweet-inner{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.sweet-copy{min-width:0}
.sweet-copy h1{font-size:clamp(28px,4vw,46px);line-height:1.15;margin-bottom:18px}
.sweet-copy>p:not(.sportybet-tanzania-label){font-size:17px;line-height:1.65;color:#FFFFFF;margin-bottom:24px}
.sweet-art{width:40%;max-width:320px;min-width:180px}
.sportybet-tanzania-label{color:#353D44;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.sportybet-tanzania-label-light{color:#FFFFFF}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.btn-fill,.btn-outline{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:6px;min-height:46px;padding:12px 22px}
.btn-fill{background:#0D9737;color:#FFFFFF;border:2px solid #0D9737}
.btn-fill:hover{background:#086B28;border-color:#086B28}
.btn-outline{background:transparent;color:#FFFFFF;border:2px solid #FFFFFF}
.btn-outline:hover{background:#FFFFFF;color:#111820}
.btn-fill:focus-visible,.btn-outline:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
.trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;padding:16px 20px;background:#FFFFFF;color:#111820;font-size:14px;font-weight:700;border-bottom:1px solid #D6DADE}
.content-section{width:100%;max-width:1200px;margin:0 auto;padding:48px 20px}
.content-section h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:8px 0 18px}
.content-section>p{margin-bottom:18px}
.candy-surface{max-width:none;background:#FFFFFF;padding-left:max(20px,calc((100vw - 1200px)/2));padding-right:max(20px,calc((100vw - 1200px)/2))}
.candy-surface>*{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}
.version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}
.version-card{min-width:0;background:#FFFFFF;border:1px solid #DDE1E5;border-radius:10px;box-shadow:0 3px 12px rgba(17,24,32,.1);padding:22px}
.version-card h3{font-size:21px;line-height:1.25;margin-bottom:10px}
.version-card p:last-child{margin-bottom:0}
.card-mark{color:#353D44;font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.inline-action{display:flex;justify-content:flex-start;margin-top:24px}
.matrix-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0}
.decision-table{width:100%;min-width:680px;border-collapse:collapse;background:#FFFFFF;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(17,24,32,.08)}
.decision-table th,.decision-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #E2E5E8;font-size:14px}
.decision-table thead th{background:#111820;color:#FFFFFF}
.decision-table tbody tr:last-child td{border-bottom:0}
.limits-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0;background:#111820;border-radius:10px;padding:18px}
.limits-cell{min-width:0;padding:16px;color:#FFFFFF}
.limits-cell p{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.limits-cell h3{font-size:22px;line-height:1.2;margin-bottom:10px}
.limits-cell span{display:block;color:#FFFFFF}
.stake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.stake-card{min-width:0;background:#FFFFFF;border:1px solid #DDE1E5;border-radius:10px;box-shadow:0 3px 12px rgba(17,24,32,.1);padding:20px}
.stake-card h3{font-size:19px;line-height:1.25;margin-bottom:10px}
.stake-card p:last-child{margin-bottom:0}
.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.check-card{display:flex;align-items:flex-start;gap:14px;min-width:0;background:#FFFFFF;border:1px solid #DDE1E5;border-radius:10px;box-shadow:0 3px 12px rgba(17,24,32,.1);padding:18px}
.check-card span{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#E41827;color:#FFFFFF;border-radius:50%;font-weight:700}
.check-card p{margin:0}
.single-game{background:#111820;color:#FFFFFF;padding:48px 20px}
.single-game-inner{width:100%;max-width:1200px;margin:0 auto}
.single-game .sportybet-tanzania-label{color:#FFFFFF}
.single-game h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:8px 0 22px}
.game-grid{display:grid;grid-template-columns:250px;justify-content:start}
.game-card{overflow:hidden;background:#FFFFFF;color:#111820;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.24)}
.game-card img{display:block;width:250px;height:150px;object-fit:cover}
.game-card-body{padding:18px}
.game-card-body h3{font-size:20px;line-height:1.25;margin-bottom:8px}
.game-card-body p{margin-bottom:8px}
.game-card-body .btn-fill{width:100%;margin-top:10px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
footer{background:#1B1E25;color:#FFFFFF;margin-top:20px}
.foot-grid{width:100%;margin:0 auto;padding:40px 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.foot-col h4{color:#FFFFFF;margin-bottom:12px;font-size:15px}
.foot-col p{font-size:14px;color:#FFFFFF}
.foot-list{list-style:none;margin:0;padding:0}
.foot-list li{margin-bottom:8px}
.foot-list a{color:#FFFFFF;text-decoration:none;font-size:14px}
.foot-list a:hover{color:#FFFFFF;text-decoration:underline}
.foot-list a:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
.carousel-row{width:100%;margin:0 auto;padding:16px 20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;border-top:1px solid rgba(255,255,255,.25)}
.carousel-row img{width:auto;height:25px;object-fit:contain}
.trust-badge-row{width:100%;margin:0 auto;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;border-top:1px solid rgba(255,255,255,.25)}
.trust-badge-row img{width:auto;height:40px;object-fit:contain}
.licence-note{border-top:1px solid rgba(255,255,255,.35);padding:20px}
.licence-note p{font-size:12.5px;color:#FFFFFF;line-height:1.6}
@media(min-width:1081px){
.nav-strip{max-width:1200px}
.desk-nav{display:flex}
.desk-auth{display:flex;gap:10px}
.burger{display:none}
.mob-menu{display:none!important}
.mob-overlay{display:none!important}
.sweet-start{padding:70px 40px}
.content-section{padding-top:54px;padding-bottom:54px}
.foot-grid,.carousel-row,.trust-badge-row{max-width:1200px}
}
@media(max-width:768px){
.sweet-inner{flex-direction:column;align-items:flex-start}
.sweet-art{align-self:center;width:100%;max-width:260px;min-width:0}
.version-grid,.stake-grid,.check-grid,.limits-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot-grid{grid-template-columns:1fr;text-align:center}
}
@media(max-width:480px){
.sweet-start{padding:42px 16px}
.hero-cta{flex-direction:column}
.hero-cta a{width:100%}
.content-section{padding:38px 16px}
.candy-surface{padding-left:16px;padding-right:16px}
.version-grid,.stake-grid,.check-grid,.limits-panel{grid-template-columns:1fr}
.limits-panel{padding:14px}
.trust-bar{justify-content:flex-start;flex-direction:column;gap:8px}
.inline-action .btn-fill{width:100%}
.game-grid{grid-template-columns:1fr}
.game-card img{width:100%;height:auto}
.carousel-row{gap:18px}
.decision-table th,.decision-table td{padding:12px;font-size:13px}
}
@media(max-width:320px){
.decision-table th,.decision-table td{padding:10px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
*{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}