*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,sans-serif;background:#251f32;color:#fff;line-height:1.6;padding:0 10px;overflow-x:hidden;}
.topbar{background:#241e34;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;position:relative;z-index:1000;flex-wrap:wrap;}
.brand-mark{flex-shrink:0;}
.brand-mark img{display:block;width:166px;height:55px;max-width:100%;}
.menu-toggle{display:none;background:transparent;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:5px;z-index:1001;}
.burger-line{width:28px;height:3px;background:#fff;transition:all 0.3s ease;}
.nav-links{display:flex;list-style:none;gap:25px;margin:0;flex-wrap:wrap;}
.nav-links li a,.nav-links li span{color:#fff;text-decoration:none;font-size:16px;transition:color 0.3s;white-space:nowrap;}
.nav-links li a:hover{color:#ffa500;}
.active-page{color:#ffa500;font-weight:bold;}
.auth-buttons{display:flex;gap:12px;flex-wrap:wrap;}
.btn-signin,.btn-signup{padding:10px 24px;border-radius:5px;text-decoration:none;font-weight:bold;transition:all 0.3s;white-space:nowrap;}
.btn-signin{background:transparent;color:#fff;border:2px solid #fff;}
.btn-signin:hover{background:#fff;color:#241e34;}
.btn-signup{background:#ffa500;color:#000;border:2px solid #ffa500;}
.btn-signup:hover{background:#ff8c00;border-color:#ff8c00;}
.mobile-nav{display:none;background:#1a1525;position:fixed;top:0;left:-100%;width:280px;max-width:85vw;height:100vh;padding-top:80px;transition:left 0.3s ease;z-index:999;overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,0.5);}
.mobile-nav.active{left:0;}
.mobile-links{list-style:none;padding:20px;}
.mobile-links li{margin-bottom:5px;}
.mobile-links li a,.mobile-links li span{color:#fff;text-decoration:none;font-size:18px;display:block;padding:10px;word-wrap:break-word;}
.mobile-links li a:hover{color:#ffa500;}
.mobile-signin,.mobile-signup{display:block;text-align:center;padding:12px;border-radius:5px;margin-top:10px;font-weight:bold;text-decoration:none;}
.mobile-signin{background:transparent;color:#fff;border:2px solid #fff;}
.mobile-signup{background:#ffa500;color:#000;border:2px solid #ffa500;}
.landing-zone{background:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),url('/images/casino-sports-background.webp') center/cover;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 20px;margin:0 -10px;position:relative;}
.landing-zone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:1;}
.landing-zone h1,.landing-zone p,.landing-zone a{position:relative;z-index:2;}
.landing-zone h1{font-size:42px;margin-bottom:24px;color:#fff;text-shadow:3px 3px 8px rgba(0,0,0,0.9);word-wrap:break-word;}
.intro-pitch{font-size:18px;max-width:880px;margin:0 auto 30px;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,0.85);word-wrap:break-word;}
.cta-prime,.cta-secondary,.cta-tertiary,.cta-fourth{display:inline-block;padding:16px 40px;background:#ffa500;color:#000;text-decoration:none;border-radius:6px;font-weight:bold;font-size:18px;transition:all 0.3s;margin-top:10px;word-wrap:break-word;}
.cta-prime:hover,.cta-secondary:hover,.cta-tertiary:hover,.cta-fourth:hover{background:#ff8c00;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,165,0,0.4);}
.info-block{max-width:1200px;margin:50px auto;padding:30px;background:rgba(255,255,255,0.03);border-radius:8px;overflow-x:auto;}
.info-block h2{font-size:32px;margin-bottom:5px;color:#ffa500;word-wrap:break-word;}
.info-block h3{font-size:24px;margin:25px 0 15px;color:#fff;word-wrap:break-word;}
.info-block p{margin-bottom:18px;font-size:16px;line-height:1.8;word-wrap:break-word;}
.operator-facts{width:100%;max-width:100%;margin:25px 0;border-collapse:collapse;background:rgba(255,255,255,0.05);display:block;overflow-x:auto;}
.operator-facts tbody{display:table;width:100%;min-width:500px;}
.operator-facts tr{display:table-row;}
.operator-facts td{padding:12px 15px;border:1px solid rgba(255,255,255,0.1);font-size:15px;display:table-cell;word-wrap:break-word;}
.operator-facts td:first-child{font-weight:bold;width:40%;background:rgba(255,165,0,0.1);color:#ffa500;}
.pros-cons-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:50px auto;padding:0 20px;}
.pros-column,.cons-column{background:rgba(255,255,255,0.03);padding:30px;border-radius:8px;min-width:0;}
.pros-column h3{color:#4ade80;font-size:26px;margin-bottom:5px;word-wrap:break-word;}
.cons-column h3{color:#f87171;font-size:26px;margin-bottom:5px;word-wrap:break-word;}
.pros-column ul,.cons-column ul{list-style:none;padding:0;}
.pros-column ul li{margin-bottom:15px;padding-left:30px;position:relative;line-height:1.7;word-wrap:break-word;}
.pros-column ul li::before{content:'✓';position:absolute;left:0;color:#4ade80;font-size:20px;font-weight:bold;}
.cons-column ul li{margin-bottom:15px;padding-left:30px;position:relative;line-height:1.7;word-wrap:break-word;}
.cons-column ul li::before{content:'✗';position:absolute;left:0;color:#f87171;font-size:20px;font-weight:bold;}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:50px auto;padding:0 20px;}
.feature-card{background:rgba(255,255,255,0.05);padding:30px;border-radius:8px;text-align:center;transition:all 0.3s;min-width:0;}
.feature-card:hover{background:rgba(255,255,255,0.08);transform:translateY(-5px);}
.card-icon{font-size:48px;margin-bottom:15px;}
.feature-card h3{font-size:20px;margin-bottom:12px;color:#ffa500;word-wrap:break-word;}
.feature-card p{font-size:14px;line-height:1.6;color:#ddd;word-wrap:break-word;}
.app-teaser{max-width:1200px;margin:50px auto;padding:30px;background:rgba(255,165,0,0.1);border-radius:8px;border:2px solid rgba(255,165,0,0.3);}
.app-teaser h2{font-size:28px;margin-bottom:18px;color:#ffa500;word-wrap:break-word;}
.app-teaser p{font-size:16px;margin-bottom:12px;line-height:1.8;word-wrap:break-word;}
.app-teaser a{color:#ffa500;text-decoration:underline;}
.basement{background:#000500;margin:80px -10px 0;padding:50px 20px;overflow-x:hidden;}
.basement-content{max-width:1200px;margin:0 auto;text-align:center;}
.brand-info-zone{margin-bottom:40px;}
.brand-info-zone img{margin:0 auto 20px;display:block;max-width:100%;height:auto;}
.brand-info-zone p{font-size:14px;line-height:1.7;color:#ccc;margin-bottom:12px;word-wrap:break-word;}
.gamble-notice{color:#ffa500;font-weight:bold;font-size:15px;}
.basement-links{margin-bottom:40px;}
.basement-links h4{font-size:18px;margin-bottom:15px;color:#ffa500;}
.basement-links ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:15px;}
.basement-links ul li a{color:#ccc;text-decoration:none;font-size:14px;transition:color 0.3s;white-space:nowrap;}
.basement-links ul li a:hover{color:#ffa500;}
.payment-strip,.provider-strip{margin-bottom:35px;overflow-x:auto;}
.payment-strip h4,.provider-strip h4{font-size:18px;margin-bottom:15px;color:#ffa500;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:50px;}
.payment-icons img,.provider-logos img{filter:grayscale(100%) brightness(0.8);transition:all 0.3s;max-width:100%;height:auto;}
.payment-icons img:hover,.provider-logos img:hover{filter:grayscale(0%) brightness(1);}
.copyright-line{font-size:13px;color:#999;margin-top:30px;word-wrap:break-word;}
@media (max-width:1080px){
.menu-toggle{display:flex;}
.nav-links,.auth-buttons{display:none;}
.mobile-nav{display:block;}
.landing-zone h1{font-size:36px;}
.intro-pitch{font-size:17px;}
.feature-grid{grid-template-columns:repeat(2,1fr);}
.pros-cons-layout{grid-template-columns:1fr;gap:20px;}
.topbar{padding:12px 15px;}
}
@media (max-width:768px){
.landing-zone h1{font-size:28px;}
.landing-zone{min-height:400px;padding:40px 15px;}
.info-block{padding:20px;margin:30px auto;}
.info-block h2{font-size:26px;}
.feature-grid{grid-template-columns:1fr;gap:20px;}
.operator-facts{font-size:14px;}
.operator-facts td{font-size:13px;padding:10px 8px;}
.pros-column,.cons-column{padding:20px;}
.pros-column h3,.cons-column h3{font-size:22px;}
.pros-column ul li,.cons-column ul li{font-size:15px;padding-left:25px;}
.cta-prime,.cta-secondary,.cta-tertiary,.cta-fourth{padding:14px 30px;font-size:16px;}
.feature-card{padding:20px;}
.feature-card h3{font-size:18px;}
.app-teaser{padding:20px;}
.app-teaser h2{font-size:24px;}
.basement{padding:30px 15px;}
.payment-icons,.provider-logos{gap:15px;}
}
@media (max-width:480px){
.brand-mark img{width:140px;height:46px;}
.landing-zone h1{font-size:24px;}
.intro-pitch{font-size:15px;}
.cta-prime,.cta-secondary,.cta-tertiary,.cta-fourth{padding:12px 24px;font-size:15px;}
.info-block h2{font-size:22px;}
.info-block{padding:15px;}
.feature-card{padding:15px;}
.feature-card h3{font-size:17px;}
.feature-card p{font-size:13px;}
.operator-facts tbody{min-width:400px;}
.operator-facts td{font-size:12px;padding:8px 6px;}
.pros-column,.cons-column{padding:15px;}
.pros-column h3,.cons-column h3{font-size:20px;}
.pros-column ul li,.cons-column ul li{font-size:14px;padding-left:22px;margin-bottom:12px;}
.app-teaser h2{font-size:20px;}
.app-teaser p{font-size:14px;}
.basement-links ul{gap:10px;}
.basement-links ul li a{font-size:13px;}
.payment-icons img,.provider-logos img{max-width:80px;}
}
@media (max-width:320px){
.landing-zone h1{font-size:20px;}
.intro-pitch{font-size:14px;}
.info-block{padding:12px;}
.info-block h2{font-size:20px;}
.info-block p{font-size:15px;}
.cta-prime,.cta-secondary,.cta-tertiary,.cta-fourth{padding:10px 20px;font-size:14px;}
.feature-card{padding:12px;}
.feature-card h3{font-size:16px;}
.operator-facts tbody{min-width:300px;}
.operator-facts td{font-size:11px;padding:6px 4px;}
.pros-column,.cons-column{padding:12px;}
.pros-column h3,.cons-column h3{font-size:18px;}
.pros-column ul li,.cons-column ul li{font-size:13px;padding-left:20px;}
.app-teaser{padding:15px;}
.payment-icons img,.provider-logos img{max-width:60px;}
.mobile-nav{width:240px;}
}