*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;height:auto}
body{background:#0F0F0F;color:#E8E8E6;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.skip-link{position:absolute;left:-999px;top:0;background:#EAAA4F;color:#161617;padding:8px 16px;z-index:200}
.skip-link:focus{left:10px;top:10px}
header{background:#161617;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.4)}
.top-bar{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:14px 10px;min-width:0}
.desktop-nav{display:none}
.main-nav-list{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.main-nav-list>li{margin-right:28px;position:relative}
.main-nav-list a{color:#F2F2EF;text-decoration:none;font-size:15px;padding:8px 2px;display:inline-block}
.main-nav-list a:hover{color:#EAAA4F}
.has-sub{display:flex;align-items:center}
.sub-arrow{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#F2F2EF;transition:transform 0.2s}
.has-sub:hover .sub-arrow{transform:rotate(180deg)}
.sub-nav-list{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#1E1F20;list-style:none;margin:0;padding:6px 0;z-index:150}
.has-sub:hover .sub-nav-list{display:block}
.sub-nav-list a{white-space:nowrap;padding:10px 20px;color:#F2F2EF}
.auth-buttons-desktop{display:none}
.btn-outline,.btn-filled{border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;padding:10px 20px;display:inline-block;transition:opacity 0.2s,background 0.2s}
.btn-filled{background:#EAAA4F;color:#161617;border:2px solid #EAAA4F}
.btn-filled:hover{opacity:0.85}
.btn-outline{background:transparent;color:#EAAA4F;border:2px solid #EAAA4F}
.btn-outline:hover{background:rgba(234,170,79,0.1)}
.hamburger{background:none;border:none;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:10px}
.hamburger span{width:24px;height:3px;background:#F5F5F3;margin:3px 0;transition:opacity 0.2s}
.hamburger:hover span{opacity:0.7}
.mobile-menu{display:none;position:fixed;top:0;right:0;height:100vh;width:100%;max-width:340px;background:#161617;flex-direction:column;z-index:180;overflow-y:auto;transform:translateX(100%);transition:transform 0.3s}
.mobile-menu.active{display:flex;transform:translateX(0)}
.mobile-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px}
.mobile-close{background:none;border:none;color:#F5F5F3;font-size:28px;cursor:pointer;padding:6px 12px}
.mob-nav-list{list-style:none;margin:0;padding:0 16px}
.mob-nav-list>li{border-bottom:1px solid rgba(255,255,255,0.08)}
.mob-nav-list a{color:#F2F2EF;text-decoration:none;padding:14px 0;display:block;font-size:16px}
.mob-parent-row{display:flex;align-items:center}
.mob-parent-row a{flex:1}
.mob-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#F2F2EF;transition:transform 0.2s}
.mob-arrow.mob-arr-open{transform:rotate(180deg)}
.mob-sub-list{display:none;list-style:none;margin:0;padding:0 0 8px 16px}
.mob-sub-list.open{display:block}
.mob-sub-list a{font-size:14px;padding:10px 0}
.mobile-auth{display:flex;padding:16px;gap:10px}
.mobile-auth a{flex:1;text-align:center}
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:170}
.mobile-overlay.active{display:block}
main{max-width:1200px;margin:0 auto;padding:0 10px}
.rg-hero{display:flex;flex-direction:column;padding:50px 20px 40px;background:#141416;background-image:radial-gradient(circle at 1px 1px,rgba(234,170,79,0.06) 1px,transparent 1px);background-size:22px 22px;margin-top:24px;border-radius:8px}
.hero-text{width:100%}
.hero-visual{width:100%;display:flex;justify-content:center;margin-top:30px}
.hero-visual svg{width:180px;max-width:220px;min-width:140px}
.pantherbet-south-africa-label{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#C9CAC6;margin-bottom:10px}
.pantherbet-south-africa-label-light{color:#F0C98A}
h1{font-size:clamp(26px,5vw,38px);color:#FFFFFF;margin-bottom:16px;line-height:1.25}
h2{font-size:clamp(20px,3.5vw,26px);color:#FFFFFF;margin-bottom:14px}
.hero-text p{color:#D8D9D5;font-size:16px;margin-bottom:22px;max-width:640px}
.cta-center{display:block;width:fit-content;margin:0 auto}
.content-section{padding:36px 20px;border-top:1px solid rgba(255,255,255,0.06)}
.content-section p{color:#D8D9D5;font-size:16px;margin-bottom:16px;max-width:none}
.content-section .cta-center{margin-top:10px}
footer{background:#0F0F0F;padding:40px 10px 24px;margin-top:30px}
.footer-nav-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 0 28px;padding:0;max-width:1200px;margin-left:auto;margin-right:auto}
.footer-nav-list li{margin:0 14px}
.footer-nav-list a{color:#D8D9D5;text-decoration:none;font-size:14px;padding:6px 0;display:inline-block}
.footer-nav-list a:hover{color:#EAAA4F}
.carousel-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px;max-width:1200px;margin:0 auto 22px;padding:14px 10px}
.trust-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;max-width:1200px;margin:0 auto 22px;padding:14px 10px}
.license-text{color:#9EA39A;font-size:12px;line-height:1.7;max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid rgba(255,255,255,0.08)}
@media(min-width:1081px){
.desktop-nav{display:flex}
.auth-buttons-desktop{display:flex;gap:10px;align-items:center}
.hamburger{display:none}
.mobile-menu{display:none!important}
.rg-hero{flex-direction:row;align-items:center;gap:60px;padding:70px 40px}
.hero-text{width:56%}
.hero-visual{width:44%;margin-top:0}
.hero-visual svg{width:220px}
}
@media(max-width:768px){
.footer-nav-list{flex-direction:column;align-items:center}
.footer-nav-list li{margin:6px 0}
}
caption{caption-side:bottom}