*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#f5f5f5;background:#0d1c08;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
button{border:none;background:none;cursor:pointer;font-family:inherit;}
header{background:#f36700;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.navwrap{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;max-width:1400px;margin:0 auto;}
.brandlogo{display:flex;align-items:center;}
.brandlogo img{width:180px;height:51px;}
.desktopmenu{display:none;}
.desktopmenu a,.desktopmenu .active{margin:0 18px;font-weight:500;font-size:16px;color:#fff;transition:opacity 0.3s;}
.desktopmenu a:hover{opacity:0.8;}
.desktopmenu .active{opacity:0.7;cursor:default;}
.authbuttons{display:none;}
.signinbtn,.signupbtn{padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;transition:transform 0.2s,box-shadow 0.2s;}
.signinbtn{background:#fff;color:#f36700;margin-right:10px;}
.signinbtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,0.3);}
.signupbtn{background:#0d1c08;color:#fff;}
.signupbtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(13,28,8,0.5);}
.burgerbtn{display:flex;flex-direction:column;padding:8px;}
.burgerbtn span{width:28px;height:3px;background:#fff;border-radius:2px;transition:all 0.3s;display:block;margin-bottom:5px;}
.burgerbtn span:last-child{margin-bottom:0;}
.mobilemenu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#f36700;transition:right 0.4s;padding:20px;overflow-y:auto;z-index:1001;}
.mobilemenu.active{right:0;}
.menubar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.menubar img{width:160px;height:auto;}
.closebtn{font-size:36px;color:#fff;line-height:1;padding:0 5px;}
.mobilemenu nav{display:flex;flex-direction:column;margin-bottom:30px;}
.mobilemenu nav a,.mobilemenu nav .active{padding:14px 0;color:#fff;font-size:18px;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.2);display:block;}
.mobilemenu nav .active{opacity:0.7;}
.mobileauth{display:flex;flex-direction:column;}
.mobileauth .signinbtn,.mobileauth .signupbtn{margin-top:12px;margin-bottom:12px;text-align:center;}
.bannertop{position:relative;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 10px;background-image:url('/images/lukki-south-africa-background.webp');background-size:cover;background-position:center;background-attachment:fixed;}
.bannertop::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#0d1c08;opacity:0.8;z-index:1;}
.bannertop h1,.bannertop p,.bannertop .btnwrap{position:relative;z-index:2;}
.bannertop h1{font-size:42px;color:#fff;margin-bottom:24px;text-shadow:4px 4px 12px rgba(0,0,0,0.95);}
.bannertop p{font-size:18px;max-width:900px;margin:0 auto 32px;color:#fff;text-shadow:3px 3px 10px rgba(0,0,0,0.9);}
.btnwrap{text-align:center;margin:32px 0;}
.btncta{display:inline-block;background:#f36700;color:#fff;padding:16px 40px;border-radius:8px;font-size:18px;font-weight:700;box-shadow:0 4px 16px rgba(243,103,0,0.4);transition:transform 0.3s,box-shadow 0.3s;}
.btncta:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(243,103,0,0.6);}
main{max-width:1200px;margin:0 auto;padding:10px;}
section{margin:60px 0;}
h2{font-size:32px;margin-bottom:24px;color:#f36700;text-align:center;}
h3{font-size:24px;margin-bottom:16px;color:#f5f5f5;}
p{margin-bottom:16px;font-size:16px;color:#d0d0d0;}
.aboutblock p{line-height:1.7;}
.tableoverflow{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.infotable{width:100%;max-width:800px;margin:32px auto;border-collapse:collapse;background:rgba(243,103,0,0.05);border-radius:8px;overflow:hidden;}
.infotable tr{border-bottom:1px solid rgba(243,103,0,0.2);}
.infotable tr:last-child{border-bottom:none;}
.infotable td{padding:14px 18px;font-size:15px;}
.infotable td:first-child{font-weight:600;color:#f36700;width:40%;}
.infotable td:last-child{color:#e0e0e0;}
.proscons{background:rgba(59,57,57,0.3);padding:40px 20px;border-radius:12px;}
.twocols{display:flex;flex-direction:column;}
.proslist{margin-bottom:32px;}
.proslist h3{color:#4caf50;}
.conslist h3{color:#ff5252;}
.proslist ul,.conslist ul{list-style:none;padding-left:0;}
.proslist ul li,.conslist ul li{padding:10px 0 10px 32px;position:relative;line-height:1.6;}
.proslist ul li::before{content:'✓';position:absolute;left:0;color:#4caf50;font-size:20px;font-weight:700;}
.conslist ul li::before{content:'✗';position:absolute;left:0;color:#ff5252;font-size:20px;font-weight:700;}
.gridblock{margin:60px 0;}
.cardgrid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px;}
.gridcard{background:linear-gradient(135deg,rgba(243,103,0,0.1),rgba(59,57,57,0.2));padding:28px;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,0.3);transition:transform 0.3s,box-shadow 0.3s;}
.gridcard:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(243,103,0,0.3);}
.cardemoji{font-size:48px;margin-bottom:16px;}
.gridcard h3{font-size:20px;margin-bottom:12px;color:#f36700;}
.gridcard p{font-size:15px;line-height:1.6;color:#c0c0c0;}
.processsection h3{color:#f36700;font-size:22px;margin-top:32px;margin-bottom:16px;}
.bonusblock{background:rgba(243,103,0,0.08);padding:40px 20px;border-radius:12px;}
.bonusblock p{line-height:1.8;}
.faqblock{margin:60px 0;}
.faqitem{background:rgba(59,57,57,0.2);padding:24px;margin-bottom:20px;border-radius:8px;}
.faqitem h3{font-size:19px;color:#f36700;margin-bottom:12px;}
.faqitem p{font-size:15px;line-height:1.7;color:#d5d5d5;margin-bottom:0;}
footer{background:#3b3939;padding:40px 10px 20px;color:#d0d0d0;}
.linkbar{max-width:1200px;margin:0 auto 32px;}
.footlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.footlinks a{font-size:14px;color:#d0d0d0;transition:color 0.3s;}
.footlinks a:hover{color:#f36700;}
.iconsblock{max-width:1000px;margin:32px auto;text-align:center;}
.iconsblock h3{font-size:18px;color:#f36700;margin-bottom:20px;}
.paymenticons,.providerlogos,.trustlogos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;}
.paymenticons img,.providerlogos img{filter:grayscale(100%) brightness(1.2);transition:filter 0.3s;}
.paymenticons img:hover,.providerlogos img:hover{filter:grayscale(0%) brightness(1);}
.legalblock{max-width:900px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;}
.legalblock p{font-size:13px;line-height:1.7;color:#a0a0a0;}
@media(min-width:320px){.infotable td{font-size:13px;padding:10px 12px;}}
@media(min-width:480px){.bannertop h1{font-size:48px;}.bannertop p{font-size:19px;}.cardgrid{grid-template-columns:repeat(2,1fr);}.infotable td{font-size:14px;padding:12px 15px;}}
@media(min-width:768px){.bannertop{min-height:580px;}.bannertop h1{font-size:54px;}.bannertop p{font-size:20px;}.twocols{flex-direction:row;}.proslist,.conslist{flex:1;}.proslist{margin-bottom:0;margin-right:24px;}.cardgrid{grid-template-columns:repeat(3,1fr);}h2{font-size:36px;}.infotable td{font-size:15px;padding:14px 18px;}}
@media(min-width:1080px){.desktopmenu{display:flex;}.authbuttons{display:flex;align-items:center;}.burgerbtn{display:none;}.bannertop h1{font-size:58px;}main{padding:10px 20px;}}