*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#232626;color:#e8e8e8;line-height:1.6;font-size:16px;padding-left:10px;padding-right:10px;}
a{color:#44C271;text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;display:block;}
.topbar{background:#292d2e;padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.topbar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
.brand img{width:180px;height:40px;}
.navmenu{display:flex;gap:30px;align-items:center;}
.navmenu a{color:#e8e8e8;font-weight:500;font-size:15px;transition:color 0.3s;}
.navmenu a:hover{color:#44C271;text-decoration:none;}
.authbox{display:flex;gap:12px;align-items:center;}
.authlink{padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;transition:all 0.3s;}
.authlink.signin{background:transparent;border:2px solid #44C271;color:#44C271;}
.authlink.signin:hover{background:#44C271;color:#fff;text-decoration:none;}
.authlink.signup{background:#44C271;color:#fff;border:2px solid #44C271;}
.authlink.signup:hover{background:#3ab362;border-color:#3ab362;text-decoration:none;}
.burgermenu{display:none;background:transparent;border:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;}
.burgermenu span{width:28px;height:3px;background:#e8e8e8;border-radius:2px;transition:all 0.3s;}
.mobilepanel{background:#292d2e;padding:0;position:fixed;top:70px;left:0;right:0;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,0.4);max-height:0;overflow:hidden;transition:max-height 0.4s ease;visibility:hidden;}
.mobilepanel.active{max-height:500px;padding:20px;visibility:visible;}
.mobilenav{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;}
.mobilenav a{color:#e8e8e8;font-size:16px;font-weight:500;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobileauth{display:flex;flex-direction:column;gap:12px;}
.bannerwrap{background-image:url('/images/casino-background.webp');background-size:cover;background-position:center;position:relative;padding:80px 20px;min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;}
.bannerwrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(35,38,38,0.8);z-index:1;}
.bannertext{position:relative;z-index:2;max-width:900px;}
.bannertext h1{font-size:42px;color:#fff;margin-bottom:20px;font-weight:700;line-height:1.2;text-shadow:2px 2px 8px rgba(0,0,0,0.8);}
.leadtext{font-size:18px;color:#e8e8e8;margin-bottom:30px;line-height:1.7;text-shadow:1px 1px 4px rgba(0,0,0,0.7);}
.bannercta{margin-top:30px;}
.ctabtn{display:inline-block;background:#44C271;color:#fff;padding:16px 40px;border-radius:8px;font-size:18px;font-weight:700;transition:all 0.3s;box-shadow:0 4px 12px rgba(68,194,113,0.4);}
.ctabtn:hover{background:#3ab362;transform:translateY(-2px);box-shadow:0 6px 16px rgba(68,194,113,0.6);text-decoration:none;}
.pagebody{max-width:1200px;margin:60px auto;padding:0 20px;}
.textblock{margin-bottom:60px;}
.textblock h2{font-size:32px;color:#fff;margin-bottom:20px;font-weight:700;}
.textblock h3{font-size:24px;color:#fff;margin-bottom:15px;margin-top:25px;font-weight:600;}
.textblock p{margin-bottom:18px;color:#d4d4d4;font-size:16px;}
.textblock ul{margin:20px 0;padding-left:0;list-style:none;}
.textblock ul li{margin-bottom:12px;padding-left:25px;position:relative;color:#d4d4d4;}
.textblock ul li::before{content:'✓';position:absolute;left:0;color:#44C271;font-weight:700;}
.tableresponsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:25px 0;}
.infotable{width:100%;min-width:500px;border-collapse:collapse;background:#1e2121;border-radius:8px;overflow:hidden;}
.infotable tr{border-bottom:1px solid rgba(255,255,255,0.1);}
.infotable tr:last-child{border-bottom:none;}
.infotable td{padding:15px 20px;font-size:15px;}
.infotable td:first-child{font-weight:600;color:#44C271;width:40%;}
.infotable td:last-child{color:#e8e8e8;}
.ctacenter{text-align:center;margin:40px 0;}
.gridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:50px 0;}
.gridcard{background:linear-gradient(135deg,rgba(68,194,113,0.08),rgba(68,194,113,0.02));padding:30px;border-radius:12px;backdrop-filter:blur(10px);transition:all 0.3s;box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.gridcard:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(68,194,113,0.3);}
.cardicon{font-size:48px;margin-bottom:15px;}
.gridcard h3{font-size:20px;color:#fff;margin-bottom:12px;font-weight:600;}
.gridcard p{font-size:15px;color:#d4d4d4;line-height:1.6;}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0;}
.prosblock,.consblock{background:#1e2121;padding:30px;border-radius:10px;}
.prosblock h3{color:#44C271;margin-bottom:20px;font-size:24px;}
.consblock h3{color:#ff6b6b;margin-bottom:20px;font-size:24px;}
.prosblock ul li::before{content:'✓';color:#44C271;}
.consblock ul li::before{content:'✗';color:#ff6b6b;}
.bottombar{background:#1e2121;padding:50px 20px 30px;margin-top:80px;}
.bottombar-inner{max-width:1200px;margin:0 auto;}
.bottombar-top{text-align:center;margin-bottom:30px;}
.footbrand{margin-bottom:20px;}
.footbrand img{margin:0 auto;width:180px;height:40px;}
.footdesc{max-width:800px;margin:0 auto;}
.footdesc p{font-size:14px;color:#b0b0b0;line-height:1.6;}
.footlinkrow{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);}
.footlinkrow a{font-size:14px;color:#b0b0b0;transition:color 0.3s;}
.footlinkrow a:hover{color:#44C271;}
.paymenticons,.providerlogos{text-align:center;margin:35px 0;}
.paymenticons h4,.providerlogos h4{font-size:16px;color:#fff;margin-bottom:20px;font-weight:600;}
.iconrow,.logorow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;}
.iconrow img,.logorow img{opacity:0.7;transition:opacity 0.3s;}
.iconrow img:hover,.logorow img:hover{opacity:1;}
.footcopy{text-align:center;margin-top:40px;padding-top:25px;border-top:1px solid rgba(255,255,255,0.1);}
.footcopy p{font-size:13px;color:#888;}
@media(max-width:1080px){
.navmenu{display:none;}
.authbox{display:none;}
.burgermenu{display:flex;}
.bannertext h1{font-size:32px;}
.leadtext{font-size:16px;}
.gridlayout{grid-template-columns:repeat(2,1fr);gap:20px;}
.proscons{grid-template-columns:1fr;gap:25px;}
}
@media(max-width:768px){
.bannertext h1{font-size:28px;}
.leadtext{font-size:15px;}
.textblock h2{font-size:26px;}
.textblock h3{font-size:20px;}
.gridlayout{grid-template-columns:1fr;gap:20px;}
.infotable{font-size:14px;}
.infotable td{padding:12px 15px;}
.ctabtn{padding:14px 32px;font-size:16px;}
.footlinkrow{flex-direction:column;align-items:center;gap:12px;}
}
@media(max-width:480px){
.topbar-inner{padding:0 10px;}
.brand img{width:150px;height:33px;}
.bannertext h1{font-size:24px;}
.leadtext{font-size:14px;}
.textblock h2{font-size:22px;}
.textblock h3{font-size:18px;}
.textblock p,.textblock ul li{font-size:15px;}
.ctabtn{padding:12px 28px;font-size:15px;}
.gridcard{padding:20px;}
.cardicon{font-size:40px;}
.infotable td:first-child{width:45%;}
.infotable{font-size:13px;}
.prosblock,.consblock{padding:20px;}
}
@media(max-width:320px){
.brand img{width:140px;height:31px;}
.bannertext h1{font-size:20px;}
.leadtext{font-size:13px;}
.textblock h2{font-size:20px;}
.textblock h3{font-size:17px;}
.textblock p,.textblock ul li{font-size:14px;}
.ctabtn{padding:10px 24px;font-size:14px;}
.infotable{font-size:12px;min-width:300px;}
.infotable td{padding:10px 12px;}
.gridcard{padding:15px;}
.prosblock,.consblock{padding:15px;}
.prosblock h3,.consblock h3{font-size:20px;}
}
@media(max-width:220px){
.brand img{width:120px;height:27px;}
.topbar-inner{padding:0 5px;}
.bannertext h1{font-size:18px;}
.leadtext{font-size:12px;}
.textblock h2{font-size:18px;}
.textblock h3{font-size:16px;}
.textblock p,.textblock ul li{font-size:13px;}
.ctabtn{padding:8px 20px;font-size:13px;}
.infotable{font-size:11px;min-width:200px;}
.infotable td{padding:8px 10px;word-break:break-word;}
.gridcard{padding:12px;}
.cardicon{font-size:32px;}
.prosblock,.consblock{padding:12px;word-break:break-word;}
.prosblock h3,.consblock h3{font-size:18px;}
.iconrow,.logorow{gap:10px;}
.footlinkrow{gap:8px;}
}