*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#ffffff;background:#5b1d67;}
body.menulocked{overflow:hidden;}
.topnav{background:#200625;padding:15px 10px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.logowrap{display:block;height:60px;}
.logowrap img{display:block;width:120px;height:60px;object-fit:contain;}
.desklinks{display:none;align-items:center;}
.desklinks .linkitem{margin:0 15px;}
.linkitem{color:#ffffff;text-decoration:none;font-size:16px;font-weight:500;transition:color 0.3s;}
.linkitem:hover{color:#b57edc;}
.linkitem.current{color:#e0b3ff;cursor:default;}
.authpanel{display:none;}
.authpanel .regbtn,.authpanel .enterbtn{margin:0 6px;}
.regbtn,.enterbtn{display:inline-block;padding:10px 24px;text-decoration:none;font-size:15px;font-weight:600;border-radius:6px;transition:all 0.3s;}
.regbtn{background:#7c2d91;color:#ffffff;border:2px solid #7c2d91;}
.regbtn:hover{background:#8e3da5;border-color:#8e3da5;}
.enterbtn{background:transparent;color:#ffffff;border:2px solid #ffffff;}
.enterbtn:hover{background:rgba(255,255,255,0.1);}
.menutoggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:22px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002;}
.menutoggle span{width:100%;height:3px;background:#ffffff;border-radius:2px;transition:all 0.3s;}
.menutoggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px);}
.menutoggle.active span:nth-child(2){opacity:0;}
.menutoggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);}
.slidemenu{position:fixed;top:90px;left:0;right:0;width:100%;background:#2d0a35;max-height:0;overflow-y:auto;overflow-x:hidden;transition:max-height 0.3s ease;z-index:999;box-shadow:0 4px 20px rgba(0,0,0,0.5);}
.slidemenu.open{max-height:calc(100vh - 90px);}
.slideitem{display:block;color:#ffffff;text-decoration:none;padding:12px 20px;font-size:16px;border-bottom:1px solid rgba(255,255,255,0.1);}
.slideitem:hover{background:rgba(255,255,255,0.05);}
.slideitem.current{color:#e0b3ff;background:rgba(224,179,255,0.1);}
.slidebtn{display:block;margin:15px 20px 15px 20px;padding:12px 24px;text-align:center;text-decoration:none;font-size:15px;font-weight:600;border-radius:6px;transition:all 0.3s;}
.signupstyle{background:#7c2d91;color:#ffffff;border:2px solid #7c2d91;}
.signupstyle:hover{background:#8e3da5;}
.signinstyle{background:transparent;color:#ffffff;border:2px solid #ffffff;}
.signinstyle:hover{background:rgba(255,255,255,0.1);}
.splashzone{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;padding:60px 10px;}
.splashzone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('/images/boo-casino-south-africa-background.webp');background-size:cover;background-position:center;opacity:0.2;z-index:0;}
.splashzone::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#200625;opacity:0.85;z-index:1;}
.splashzone .pagewidth{position:relative;z-index:2;}
.splashzone h1{font-size:48px;font-weight:700;margin-bottom:24px;color:#ffffff;text-shadow:4px 4px 12px rgba(0,0,0,0.9);}
.splashzone p{font-size:18px;line-height:1.7;margin-bottom:30px;max-width:900px;color:#ffffff;text-shadow:3px 3px 8px rgba(0,0,0,0.85);}
.pagewidth{max-width:1200px;margin:0 auto;padding:0 10px;}
.textzone{padding:60px 10px;}
.textzone h2{font-size:32px;font-weight:700;margin:50px 0 24px;color:#ffffff;}
.textzone h2:first-child{margin-top:0;}
.textzone h3{font-size:24px;font-weight:600;margin:35px 0 18px;color:#e0b3ff;}
.textzone p{font-size:17px;line-height:1.8;margin-bottom:20px;color:#f0f0f0;}
.textzone ul{margin:20px 0 20px 20px;}
.textzone ul li{font-size:17px;line-height:1.8;margin-bottom:12px;color:#f0f0f0;}
.actionlink{display:inline-block;padding:16px 40px;background:#7c2d91;color:#ffffff;text-decoration:none;font-size:18px;font-weight:700;border-radius:8px;transition:all 0.3s;box-shadow:0 4px 15px rgba(124,45,145,0.4);}
.actionlink:hover{background:#8e3da5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,45,145,0.6);}
.centerlink{display:block;margin:40px auto;text-align:center;max-width:320px;}
.tablecontain{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:30px 0;}
.datatable{width:100%;min-width:500px;border-collapse:collapse;background:#3d1447;border-radius:8px;overflow:hidden;}
.datatable td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.1);font-size:16px;color:#f0f0f0;}
.datatable td:first-child{font-weight:600;width:40%;color:#e0b3ff;}
.datatable tr:last-child td{border-bottom:none;}
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0;}
.gamecard,.paycard{background:#3d1447;padding:25px;border-radius:8px;text-align:center;transition:transform 0.3s;}
.gamecard:hover,.paycard:hover{transform:translateY(-5px);}
.cardicon{font-size:48px;margin-bottom:15px;}
.gamecard h3,.paycard h3{font-size:20px;color:#e0b3ff;margin:0 0 12px 0;}
.gamecard p,.paycard p{margin:0;font-size:15px;line-height:1.6;}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0;}
.positiveside,.negativeside{background:#3d1447;padding:30px;border-radius:8px;}
.positiveside h3{color:#7bed9f;margin-top:0;}
.negativeside h3{color:#ff6b81;margin-top:0;}
.positiveside ul,.negativeside ul{margin:20px 0 0 0;list-style:none;}
.positiveside ul li{padding-left:25px;position:relative;margin-bottom:12px;}
.positiveside ul li::before{content:'✓';position:absolute;left:0;color:#7bed9f;font-weight:700;font-size:18px;}
.negativeside ul li{padding-left:25px;position:relative;margin-bottom:12px;}
.negativeside ul li::before{content:'✗';position:absolute;left:0;color:#ff6b81;font-weight:700;font-size:18px;}
.qablocks{margin:35px 0;}
.qaunit{background:#3d1447;padding:25px;border-radius:8px;margin-bottom:20px;}
.qaunit h3{font-size:20px;color:#e0b3ff;margin:0 0 12px 0;}
.qaunit p{margin:0;font-size:16px;line-height:1.7;}
.baseplate{background:#200625;padding:50px 10px 30px;margin-top:60px;}
.baselinks{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}
.baselinks a{color:#e0b3ff;text-decoration:none;font-size:15px;transition:color 0.3s;margin:0 10px 10px 10px;}
.baselinks a:hover{color:#ffffff;}
.basegrid{display:grid;grid-template-columns:1fr;gap:35px;margin-bottom:40px;}
.basegroup h4{font-size:18px;color:#e0b3ff;margin-bottom:18px;text-align:center;}
.iconbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.iconbar img{margin:9px;opacity:0.85;transition:opacity 0.3s;}
.iconbar img:hover{opacity:1;}
.legalcopy{max-width:900px;margin:0 auto;text-align:center;}
.legalcopy p{font-size:14px;line-height:1.7;color:#b3b3b3;margin-bottom:15px;}
@media (min-width:1081px){
.desklinks{display:flex;}
.authpanel{display:flex;}
.menutoggle{display:none;}
.topnav{padding:15px 20px;}
.slidemenu{display:none;}
}
@media (max-width:1080px){
.splashzone h1{font-size:36px;}
.splashzone p{font-size:16px;}
.cardgrid{grid-template-columns:repeat(2,1fr);gap:20px;}
}
@media (max-width:768px){
.splashzone{min-height:500px;padding:40px 10px;}
.splashzone h1{font-size:30px;margin-bottom:18px;}
.splashzone p{font-size:15px;line-height:1.6;}
.textzone{padding:40px 10px;}
.textzone h2{font-size:26px;margin:35px 0 18px;}
.textzone h3{font-size:21px;}
.textzone p{font-size:16px;}
.textzone ul li{font-size:16px;}
.comparison{grid-template-columns:1fr;gap:20px;}
.actionlink{font-size:16px;padding:14px 32px;}
.basegrid{grid-template-columns:1fr;}
.cardgrid{grid-template-columns:1fr;gap:20px;}
.datatable td{font-size:15px;padding:12px 15px;}
}
@media (max-width:480px){
.splashzone{min-height:400px;padding:30px 10px;}
.splashzone h1{font-size:24px;margin-bottom:14px;}
.splashzone p{font-size:14px;}
.textzone{padding:30px 10px;}
.textzone h2{font-size:22px;margin:28px 0 14px;}
.textzone h3{font-size:19px;}
.textzone p{font-size:15px;line-height:1.7;}
.textzone ul li{font-size:15px;}
.actionlink{font-size:15px;padding:12px 28px;}
.datatable td{padding:10px 12px;font-size:14px;}
.qaunit{padding:18px;}
.qaunit h3{font-size:17px;}
.qaunit p{font-size:15px;}
.iconbar img{max-width:60px;height:auto;}
.gamecard,.paycard{padding:20px;}
}
@media (max-width:320px){
.splashzone h1{font-size:20px;}
.splashzone p{font-size:13px;}
.textzone h2{font-size:20px;}
.textzone h3{font-size:17px;}
.textzone p{font-size:14px;}
.textzone ul li{font-size:14px;}
.actionlink{font-size:14px;padding:10px 24px;}
.datatable td{padding:8px 10px;font-size:13px;}
.legalcopy p{font-size:12px;}
}