*{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:#fff;padding:10px 16px;z-index:999}
.skip-link:focus{left:10px;top:10px}
header{background:#940F19;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:#fff;margin:3px 0}
.burger:hover span{background:#EAECEF}
.burger:focus-visible{outline:3px solid #fff;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;margin-left:24px}
.desk-list a,.active-item{color:#fff;text-decoration:none;font-weight:700;padding:8px 4px;display:inline-block}
.desk-list a:hover{color:#EAECEF;text-decoration:underline}
.desk-list a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.desk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#fff;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{color:#111820;white-space:nowrap;padding:10px 18px;display:block;font-weight:400}
.desk-sub a:hover{background:#EAECEF;color:#111820}
.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 #fff;color:#fff}
.auth-signup{background:#086223;color:#fff}
.auth-login:focus-visible,.auth-signup:focus-visible{outline:3px solid #fff;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:#940F19}
.mob-close{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;padding:8px;cursor:pointer}
.mob-close:focus-visible{outline:3px solid #fff;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:18px;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{padding:10px 6px;font-weight:400}
.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}
.ticket-stage{position:relative;width:100%;min-height:500px;overflow:hidden}
.ticket-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ticket-dim{position:absolute;inset:0;background:#0A0D10;opacity:.82;z-index:1}
.ticket-copy{position:relative;z-index:2;width:100%;margin:0 auto;padding:70px 20px 34px;text-align:center;color:#fff}
.sportybet-tanzania-label{color:#353D44;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.sportybet-tanzania-label-light{color:#DFE3E6}
.ticket-copy h1{font-size:clamp(27px,4.2vw,46px);color:#fff;margin-bottom:16px}
.ticket-lead{color:#F1F2F3;font-size:16px;margin-bottom:24px}
.ticket-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-solid{display:inline-block;background:#086223;color:#fff;padding:14px 26px;border-radius:6px;text-decoration:none;font-weight:700}
.cta-outline{display:inline-block;background:transparent;color:#fff;border:2px solid #086223;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:700}
.cta-dark{color:#111820;border-color:#086223}
.cta-solid:focus-visible,.cta-outline:focus-visible{outline:3px solid #111820;outline-offset:3px}
.trust-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;background:rgba(10,13,16,.72);padding:14px 20px}
.trust-item{color:#DFE3E6;font-size:14px}
.page-band{width:100%;margin:0 auto;padding:34px 20px 10px}
.page-band h2{font-size:clamp(22px,3vw,30px);margin:8px 0 18px}
.page-band>p{margin-bottom:16px}
h3{font-size:17px;margin-bottom:8px}
.limits-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.limits-board article{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(17,24,32,.08);transition:box-shadow .2s,transform .2s}
.limits-board article:hover{box-shadow:0 6px 18px rgba(17,24,32,.14);transform:translateY(-2px)}
.access-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}
.access-pair article{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(17,24,32,.08);transition:box-shadow .2s,transform .2s}
.access-pair article:hover{box-shadow:0 6px 18px rgba(17,24,32,.14);transform:translateY(-2px)}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:40px}
.fact-grid article{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 10px rgba(17,24,32,.08);display:flex;flex-direction:column;gap:6px;transition:box-shadow .2s,transform .2s}
.fact-grid article:hover{box-shadow:0 6px 18px rgba(17,24,32,.14);transform:translateY(-2px)}
.fact-label{font-size:12px;color:#353D44;text-transform:uppercase;letter-spacing:.03em}
.fact-value{font-size:15px;font-weight:700}
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.game-grid article{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(17,24,32,.08);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;min-width:0}
.game-grid article:hover{box-shadow:0 6px 18px rgba(17,24,32,.14);transform:translateY(-2px)}
.game-grid img{width:100%;height:auto;display:block}
.game-title{font-size:14px;font-weight:700;padding:10px 12px 0}
.game-provider{font-size:12px;color:#353D44;padding:2px 12px 12px}
.cta-row{display:flex;justify-content:center;margin-bottom:40px}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:40px}
.ticket-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(17,24,32,.08)}
.ticket-table th,.ticket-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #E2E5E8;font-size:14px}
.ticket-table thead th{background:#111820;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
footer{background:#1B1E25;color:#C7CBD1;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:#fff;margin-bottom:12px;font-size:15px}
.foot-col p{font-size:14px;color:#C7CBD1}
.foot-list{list-style:none;margin:0;padding:0}
.foot-list li{margin-bottom:8px}
.foot-list a{color:#C7CBD1;text-decoration:none;font-size:14px}
.foot-list a:hover{color:#fff;text-decoration:underline}
.foot-list a:focus-visible{outline:2px solid #fff;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,.08)}
.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,.08)}
.licence-note{border-top:1px solid rgba(255,255,255,.14);padding:20px}
.licence-note p{font-size:12.5px;color:#C7CBD1;line-height:1.6}
.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:#fff;margin-left:4px;transition:transform .2s}
.has-sub:hover .desk-arrow{transform:rotate(180deg)}
@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}
.ticket-copy{max-width:840px}
.page-band{max-width:1200px}
.foot-grid,.carousel-row,.trust-badge-row{max-width:1200px}
}
@media(prefers-reduced-motion:reduce){
*{transition:none!important;animation:none!important}
}
@media(max-width:1024px){
.game-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:968px){
.limits-board{grid-template-columns:repeat(3,1fr)}
.fact-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
.limits-board{grid-template-columns:1fr}
.access-pair{grid-template-columns:1fr}
.fact-grid{grid-template-columns:repeat(2,1fr)}
.game-grid{grid-template-columns:repeat(3,1fr)}
.foot-grid{grid-template-columns:1fr;text-align:center}
}
@media(max-width:480px){
.game-grid{grid-template-columns:repeat(2,1fr)}
.fact-grid{grid-template-columns:1fr}
.ticket-actions{flex-direction:column}
.ticket-actions a{width:100%}
}
@media(max-width:320px){
.ticket-table th,.ticket-table td{padding:10px;font-size:12.5px}
}