*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;color:#333;background:#0b171f;overflow-x:hidden;}
.banner-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;}
.banner-background img{width:100%;height:100%;object-fit:cover;opacity:0.3;}
.main-navigation{background:rgba(11,23,31,0.95);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;padding:15px 10px;}
.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;}
.logo-section img{width:120px;height:36px;}
.desktop-menu{display:none;}
@media(min-width:1081px){.desktop-menu{display:block;}}
.nav-links{display:flex;list-style:none;gap:30px;}
.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s;}
.nav-links a:hover{color:#64b5f6;}
.active-page{color:#64b5f6;font-weight:600;}
.auth-buttons{display:none;}
@media(min-width:1081px){.auth-buttons{display:flex;gap:15px;}}
.signup-btn,.signin-btn{padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.signup-btn{background:#64b5f6;color:#fff;}
.signin-btn{background:transparent;color:#64b5f6;border:2px solid #64b5f6;}
.signup-btn:hover{background:#42a5f5;transform:translateY(-2px);}
.signin-btn:hover{background:#64b5f6;color:#fff;}
.mobile-menu-toggle{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:4px;}
@media(min-width:1081px){.mobile-menu-toggle{display:none;}}
.hamburger-line{width:25px;height:3px;background:#fff;transition:all 0.3s;}
.mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:#0b171f;z-index:1001;transition:right 0.3s;padding-top:80px;}
.mobile-menu.active{right:0;}
.mobile-menu-content{padding:20px;}
.mobile-nav ul{list-style:none;}
.mobile-nav li{margin-bottom:20px;}
.mobile-nav a{color:#fff;text-decoration:none;font-size:18px;font-weight:500;}
.active-mobile{color:#64b5f6;font-weight:600;}
.mobile-auth{margin-top:40px;display:flex;flex-direction:column;gap:15px;}
.mobile-signup,.mobile-signin{padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;text-align:center;}
.mobile-signup{background:#64b5f6;color:#fff;}
.mobile-signin{background:transparent;color:#64b5f6;border:2px solid #64b5f6;}
.homepage-content{padding-top:80px;min-height:100vh;}
.welcome-banner{padding:100px 10px 80px;text-align:center;position:relative;}
.banner-content{max-width:800px;margin:0 auto;background:rgba(11,23,31,0.9);padding:60px 40px;border-radius:12px;}
.welcome-banner h1{font-size:2.5rem;color:#fff;margin-bottom:20px;font-weight:700;}
.platform-intro{font-size:1.2rem;color:#ccc;margin-bottom:30px;line-height:1.8;}
.primary-cta{display:inline-block;background:#64b5f6;color:#fff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s;}
.primary-cta:hover{background:#42a5f5;transform:translateY(-2px);box-shadow:0 8px 25px rgba(100,181,246,0.3);}
.gaming-portfolio,.payment-infrastructure,.registration-process,.mobile-experience,.promotional-structure,.security-framework,.operational-challenges,.bankroll-protection,.support-infrastructure,.responsible-gaming{padding:80px 10px;max-width:1200px;margin:0 auto;position:relative;}
.gaming-portfolio{background:rgba(255,255,255,0.95);border-radius:12px;margin-top:40px;box-shadow:0 8px 30px rgba(0,0,0,0.1);}
.gaming-portfolio h2{font-size:2.2rem;color:#0b171f;margin-bottom:20px;font-weight:700;}
.gaming-portfolio p{font-size:1.1rem;color:#555;margin-bottom:40px;line-height:1.8;}
.game-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.category-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform 0.3s;}
.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.category-icon{font-size:3rem;margin-bottom:15px;}
.category-card h3{font-size:1.4rem;color:#0b171f;margin-bottom:15px;font-weight:600;}
.category-card p{color:#666;line-height:1.6;}
.payment-infrastructure{background:rgba(11,23,31,0.95);color:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.2);}
.payment-infrastructure h2{color:#64b5f6;font-size:2.2rem;margin-bottom:20px;}
.payment-infrastructure p{color:#ccc;font-size:1.1rem;margin-bottom:40px;}
.payment-breakdown{display:grid;gap:30px;}
.payment-method{background:rgba(255,255,255,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.payment-method h3{color:#64b5f6;font-size:1.3rem;margin-bottom:15px;}
.payment-method p{margin-bottom:10px;line-height:1.6;}
.processing-timeline{margin-top:40px;background:rgba(100,181,246,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(100,181,246,0.1);}
.processing-timeline h3{color:#64b5f6;margin-bottom:15px;}
.registration-process{background:rgba(255,255,255,0.95);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.1);}
.registration-process h2{color:#0b171f;font-size:2.2rem;margin-bottom:20px;}
.registration-process p{color:#555;font-size:1.1rem;margin-bottom:40px;}
.signup-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px;}
.registration-step{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);position:relative;}
.registration-step:hover{box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.step-number{position:absolute;top:-15px;left:20px;background:#64b5f6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 15px rgba(100,181,246,0.3);}
.registration-step h3{color:#0b171f;margin:20px 0 15px;font-size:1.3rem;}
.registration-step p{color:#666;line-height:1.6;}
.document-requirements{background:rgba(11,23,31,0.1);padding:25px;border-radius:8px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,0.05);}
.document-requirements h3{color:#0b171f;margin-bottom:15px;}
.registration-cta{display:inline-block;background:#64b5f6;color:#fff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s;}
.registration-cta:hover{background:#42a5f5;transform:translateY(-2px);box-shadow:0 8px 25px rgba(100,181,246,0.3);}
.mobile-experience{background:rgba(11,23,31,0.95);color:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.2);}
.mobile-experience h2{color:#64b5f6;font-size:2.2rem;margin-bottom:20px;}
.mobile-experience p{color:#ccc;font-size:1.1rem;margin-bottom:40px;}
.mobile-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px;}
.mobile-feature{background:rgba(255,255,255,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.mobile-feature h3{color:#64b5f6;margin-bottom:15px;font-size:1.3rem;}
.mobile-feature p{line-height:1.6;}
.mobile-limitations{background:rgba(100,181,246,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(100,181,246,0.1);}
.mobile-limitations h3{color:#64b5f6;margin-bottom:15px;}
.promotional-structure{background:rgba(255,255,255,0.95);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.1);}
.promotional-structure h2{color:#0b171f;font-size:2.2rem;margin-bottom:20px;}
.promotional-structure p{color:#555;font-size:1.1rem;margin-bottom:40px;}
.bonus-breakdown{display:grid;gap:30px;margin-bottom:40px;}
.bonus-tier{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.bonus-tier:hover{box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.bonus-tier h3{color:#64b5f6;margin-bottom:15px;font-size:1.3rem;}
.bonus-tier p{color:#666;line-height:1.6;}
.terms-reality{background:rgba(255,107,107,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(255,107,107,0.1);}
.terms-reality h3{color:#cc0000;margin-bottom:15px;}
.terms-reality p{color:#550000;line-height:1.7;}
.security-framework{background:rgba(11,23,31,0.95);color:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.2);}
.security-framework h2{color:#64b5f6;font-size:2.2rem;margin-bottom:20px;}
.security-framework p{color:#ccc;font-size:1.1rem;margin-bottom:40px;}
.security-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px;}
.security-aspect{background:rgba(255,255,255,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.security-aspect h3{color:#64b5f6;margin-bottom:15px;font-size:1.3rem;}
.security-aspect p{line-height:1.6;}
.regulatory-compliance{background:rgba(100,181,246,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(100,181,246,0.1);}
.regulatory-compliance h3{color:#64b5f6;margin-bottom:15px;}
.operational-challenges{background:rgba(255,255,255,0.95);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.1);}
.operational-challenges h2{color:#cc0000;font-size:2.2rem;margin-bottom:20px;}
.operational-challenges p{color:#555;font-size:1.1rem;margin-bottom:40px;}
.platform-drawbacks{display:grid;gap:30px;margin-bottom:40px;}
.limitation-area{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(255,68,68,0.15);}
.limitation-area:hover{box-shadow:0 8px 25px rgba(255,68,68,0.2);}
.limitation-area h3{color:#cc0000;margin-bottom:15px;font-size:1.3rem;}
.limitation-area p{color:#666;line-height:1.6;}
.realistic-expectations{background:rgba(255,107,107,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(255,107,107,0.1);}
.realistic-expectations h3{color:#cc0000;margin-bottom:15px;}
.realistic-expectations p{color:#550000;line-height:1.7;}
.bankroll-protection{background:rgba(11,23,31,0.95);color:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.2);}
.bankroll-protection h2{color:#ff6b6b;font-size:2.2rem;margin-bottom:20px;}
.bankroll-protection p{color:#ccc;font-size:1.1rem;margin-bottom:40px;}
.costly-errors{display:grid;gap:30px;margin-bottom:40px;}
.mistake-scenario{background:rgba(255,107,107,0.15);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(255,107,107,0.15);}
.mistake-scenario:hover{box-shadow:0 8px 25px rgba(255,107,107,0.2);}
.mistake-scenario h3{color:#ff6b6b;margin-bottom:15px;font-size:1.3rem;}
.mistake-scenario p{margin-bottom:10px;line-height:1.6;}
.mistake-scenario strong{color:#ff4444;}
.protection-strategies{background:rgba(100,181,246,0.15);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(100,181,246,0.15);}
.protection-strategies h3{color:#64b5f6;margin-bottom:15px;}
.protection-strategies p{margin-bottom:10px;line-height:1.6;}
.support-infrastructure{background:rgba(255,255,255,0.95);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.1);}
.support-infrastructure h2{color:#0b171f;font-size:2.2rem;margin-bottom:20px;}
.support-infrastructure p{color:#555;font-size:1.1rem;margin-bottom:40px;}
.support-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px;}
.contact-method{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.contact-method:hover{box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.contact-method h3{color:#64b5f6;margin-bottom:15px;font-size:1.3rem;}
.contact-method p{color:#666;line-height:1.6;}
.response-expectations{background:rgba(11,23,31,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.05);}
.response-expectations h3{color:#0b171f;margin-bottom:15px;}
.responsible-gaming{background:rgba(11,23,31,0.95);color:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.2);}
.responsible-gaming h2{color:#4caf50;font-size:2.2rem;margin-bottom:20px;}
.responsible-gaming p{color:#ccc;font-size:1.1rem;margin-bottom:40px;}
.control-mechanisms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px;}
.safety-tool{background:rgba(76,175,80,0.15);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(76,175,80,0.1);}
.safety-tool:hover{box-shadow:0 8px 25px rgba(76,175,80,0.15);}
.safety-tool h3{color:#4caf50;margin-bottom:15px;font-size:1.3rem;}
.safety-tool p{line-height:1.6;}
.external-resources{background:rgba(76,175,80,0.1);padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(76,175,80,0.1);}
.external-resources h3{color:#4caf50;margin-bottom:15px;}
.external-resources p{line-height:1.7;}
.site-footer{background:#0b171f;color:#fff;padding:60px 10px 20px;}
.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;}
.footer-section h4{color:#64b5f6;margin-bottom:20px;font-size:1.2rem;}
.footer-section ul{list-style:none;}
.footer-section li{margin-bottom:10px;}
.footer-section a{color:#ccc;text-decoration:none;transition:color 0.3s;}
.footer-section a:hover{color:#64b5f6;}
.footer-section p{color:#aaa;line-height:1.6;font-size:0.9rem;}
.payment-providers,.gaming-providers{margin:40px auto;max-width:1200px;}
.payment-providers h4,.gaming-providers h4{color:#64b5f6;margin-bottom:20px;text-align:center;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;}
.payment-icons img,.provider-logos img{filter:brightness(0.8);transition:filter 0.3s;}
.payment-icons img:hover,.provider-logos img:hover{filter:brightness(1.2);}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #333;color:#888;font-size:0.9rem;}
@media(max-width:1080px){
.nav-container{padding:0 15px;}
.game-categories{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.mobile-comparison{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.security-measures{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.support-channels{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.control-mechanisms{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
}
@media(max-width:768px){
.welcome-banner h1{font-size:2rem;}
.banner-content{padding:40px 20px;}
.gaming-portfolio h2,.payment-infrastructure h2,.registration-process h2,.mobile-experience h2,.promotional-structure h2,.security-framework h2,.operational-challenges h2,.bankroll-protection h2,.support-infrastructure h2,.responsible-gaming h2{font-size:1.8rem;}
.game-categories{grid-template-columns:1fr;}
.signup-steps{grid-template-columns:1fr;}
.mobile-comparison{grid-template-columns:1fr;}
.bonus-breakdown{grid-template-columns:1fr;}
.security-measures{grid-template-columns:1fr;}
.platform-drawbacks{grid-template-columns:1fr;}
.costly-errors{grid-template-columns:1fr;}
.support-channels{grid-template-columns:1fr;}
.control-mechanisms{grid-template-columns:1fr;}
.footer-content{grid-template-columns:1fr;}
.payment-icons,.provider-logos{gap:15px;}
}
@media(max-width:480px){
.welcome-banner{padding:60px 10px 40px;}
.welcome-banner h1{font-size:1.6rem;}
.platform-intro{font-size:1rem;}
.primary-cta,.registration-cta{padding:12px 24px;font-size:1rem;}
.gaming-portfolio,.payment-infrastructure,.registration-process,.mobile-experience,.promotional-structure,.security-framework,.operational-challenges,.bankroll-protection,.support-infrastructure,.responsible-gaming{padding:40px 10px;}
.category-card,.payment-method,.registration-step,.mobile-feature,.bonus-tier,.security-aspect,.limitation-area,.mistake-scenario,.contact-method,.safety-tool{padding:20px;}
.payment-icons,.provider-logos{gap:10px;}
.payment-icons img,.provider-logos img{max-width:80px;height:auto;}
.nav-links{gap:20px;}
.nav-links a{font-size:0.9rem;}
}
@media(max-width:320px){
.main-navigation{padding:10px 5px;}
.nav-container{padding:0 5px;}
.logo-section img{width:100px;height:30px;}
.mobile-menu{width:280px;}
.welcome-banner{padding:40px 5px 30px;}
.welcome-banner h1{font-size:1.4rem;}
.banner-content{padding:30px 15px;}
.platform-intro{font-size:0.9rem;}
.primary-cta,.registration-cta{padding:10px 20px;font-size:0.9rem;}
.gaming-portfolio,.payment-infrastructure,.registration-process,.mobile-experience,.promotional-structure,.security-framework,.operational-challenges,.bankroll-protection,.support-infrastructure,.responsible-gaming{padding:30px 5px;}
.gaming-portfolio h2,.payment-infrastructure h2,.registration-process h2,.mobile-experience h2,.promotional-structure h2,.security-framework h2,.operational-challenges h2,.bankroll-protection h2,.support-infrastructure h2,.responsible-gaming h2{font-size:1.5rem;}
.category-card,.payment-method,.registration-step,.mobile-feature,.bonus-tier,.security-aspect,.limitation-area,.mistake-scenario,.contact-method,.safety-tool{padding:15px;}
.category-card h3,.payment-method h3,.registration-step h3,.mobile-feature h3,.bonus-tier h3,.security-aspect h3,.limitation-area h3,.mistake-scenario h3,.contact-method h3,.safety-tool h3{font-size:1.1rem;}
.category-icon{font-size:2.5rem;}
.step-number{width:35px;height:35px;font-size:1rem;}
.site-footer{padding:40px 5px 15px;}
.footer-content{gap:30px;}
.footer-section h4{font-size:1.1rem;}
.payment-icons,.provider-logos{gap:8px;}
.payment-icons img,.provider-logos img{max-width:60px;height:auto;}
.footer-bottom{font-size:0.8rem;}
}