*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:#1a1a2e}
.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-header{background:rgba(22,22,22,0.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:2px solid #ff6b35}
.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:70px;max-width:1400px;margin:0 auto}
.logo-container{width:90px;height:40px}
.logo-container img{width:100%;height:100%;object-fit:contain}
.desktop-nav{display:flex;gap:35px}
.desktop-nav a{color:#fff;text-decoration:none;font-weight:500;font-size:16px;transition:color 0.3s ease}
.desktop-nav a:hover{color:#ff6b35}
.auth-buttons{display:flex;gap:15px}
.signup-btn,.signin-btn{padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.signup-btn{background:#ff6b35;color:#fff}
.signup-btn:hover{background:#e55a2b;transform:translateY(-2px)}
.signin-btn{border:2px solid #ff6b35;color:#ff6b35}
.signin-btn:hover{background:#ff6b35;color:#fff}
.hamburger-menu{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}
.hamburger-menu span{width:25px;height:3px;background:#fff;margin:3px 0;transition:0.3s}
.mobile-menu{position:fixed;top:70px;right:-100%;width:300px;height:calc(100vh - 70px);background:rgba(22,22,22,0.98);backdrop-filter:blur(15px);transition:right 0.3s ease;z-index:999;border-left:2px solid #ff6b35}
.mobile-menu.active{right:0}
.mobile-nav{padding:30px 20px}
.mobile-nav a{display:block;color:#fff;text-decoration:none;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:18px;transition:color 0.3s ease}
.mobile-nav a:hover{color:#ff6b35}
.mobile-auth{margin-top:30px}
.mobile-signup,.mobile-signin{display:block;text-align:center;padding:12px;margin:10px 0;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.mobile-signup{background:#ff6b35;color:#fff}
.mobile-signin{border:2px solid #ff6b35;color:#ff6b35}
.page-content{background:linear-gradient(135deg,rgba(26,26,46,0.95),rgba(13,13,23,0.95));min-height:100vh;padding-top:0}
.content-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}
.hero-section{padding:80px 0;text-align:center;color:#fff;position:relative}
.hero-section h1{font-size:3.2rem;margin-bottom:20px;background:linear-gradient(135deg,#ff6b35,#ffaa44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-description{font-size:1.3rem;margin-bottom:40px;color:#ccc;max-width:800px;margin-left:auto;margin-right:auto}
.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-primary,.cta-secondary{padding:15px 35px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;display:inline-block}
.cta-primary{background:linear-gradient(135deg,#ff6b35,#ffaa44);color:#fff;box-shadow:0 4px 15px rgba(255,107,53,0.4)}
.cta-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,53,0.6)}
.cta-secondary{border:2px solid #ff6b35;color:#ff6b35;background:transparent}
.cta-secondary:hover{background:#ff6b35;color:#fff}
.platform-overview,.game-selection,.registration-process,.payment-systems,.bonus-structure,.licensing-security,.mobile-experience,.live-dealer-focus,.alternative-perspective,.cost-analysis,.evolution-context,.support-services{padding:60px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.platform-overview h2,.game-selection h2,.registration-process h2,.payment-systems h2,.bonus-structure h2,.licensing-security h2,.mobile-experience h2,.live-dealer-focus h2,.alternative-perspective h2,.cost-analysis h2,.evolution-context h2,.support-services h2{font-size:2.5rem;margin-bottom:20px;color:#fff;text-align:center}
.platform-overview p,.game-selection p,.registration-process p,.payment-systems p,.bonus-structure p,.licensing-security p,.mobile-experience p,.live-dealer-focus p,.alternative-perspective p,.cost-analysis p,.evolution-context p,.support-services p{font-size:1.1rem;color:#ccc;margin-bottom:30px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}
.feature-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:30px;text-align:center;transition:all 0.3s ease}
.feature-card:hover{transform:translateY(-5px);border-color:#ff6b35;box-shadow:0 10px 30px rgba(255,107,53,0.2)}
.feature-icon{font-size:3rem;margin-bottom:20px}
.feature-card h3{color:#fff;margin-bottom:15px;font-size:1.4rem}
.feature-card p{color:#ccc;font-size:1rem}
.game-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:40px}
.category-card{background:rgba(255,255,255,0.05);border-left:4px solid #ff6b35;padding:25px;border-radius:10px}
.category-card h3{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.category-card p{color:#ccc}
.registration-steps{margin-top:40px}
.step-item{display:flex;align-items:flex-start;margin-bottom:30px;gap:20px}
.step-number{background:#ff6b35;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;flex-shrink:0}
.step-content h3{color:#fff;margin-bottom:10px;font-size:1.2rem}
.step-content p{color:#ccc;margin:0}
.verification-timeline{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.verification-timeline h3{color:#ff6b35;margin-bottom:15px}
.verification-timeline ul{color:#ccc;margin-left:20px}
.verification-timeline li{margin-bottom:8px}
.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:40px}
.payment-method{background:rgba(255,255,255,0.05);border-radius:10px;padding:20px;border:1px solid rgba(255,107,53,0.3)}
.payment-method h3{color:#ff6b35;margin-bottom:10px}
.payment-method p{color:#ccc;font-size:0.95rem;margin:0}
.payment-considerations{background:rgba(255,107,53,0.05);border-radius:10px;padding:25px;margin-top:30px}
.payment-considerations h3{color:#ff6b35;margin-bottom:15px}
.payment-considerations p{color:#ccc;margin:0}
.bonus-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}
.bonus-tier{background:rgba(255,255,255,0.05);border-radius:10px;padding:25px;border:2px solid rgba(255,107,53,0.3)}
.bonus-tier h3{color:#ff6b35;margin-bottom:15px}
.bonus-tier ul{color:#ccc;margin-left:20px}
.bonus-tier li{margin-bottom:8px}
.wagering-breakdown{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.wagering-breakdown h3{color:#ff6b35;margin-bottom:15px}
.wagering-breakdown p{color:#ccc;margin:0}
.compliance-framework{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px}
.compliance-item{background:rgba(255,255,255,0.05);border-radius:10px;padding:25px;border-left:4px solid #ff6b35}
.compliance-item h3{color:#ff6b35;margin-bottom:15px}
.compliance-item p{color:#ccc;margin:0}
.support-resources{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.support-resources h3{color:#ff6b35;margin-bottom:15px}
.support-resources p{color:#ccc;margin:0}
.mobile-performance{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:40px}
.performance-metric{background:rgba(255,255,255,0.05);border-radius:10px;padding:25px;border-left:4px solid #ff6b35}
.performance-metric h3{color:#ff6b35;margin-bottom:15px}
.performance-metric p{color:#ccc;margin:0}
.live-dealer-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:40px}
.dealer-category{background:rgba(255,255,255,0.05);border-radius:10px;padding:25px;border-left:4px solid #ff6b35}
.dealer-category h3{color:#ff6b35;margin-bottom:15px}
.dealer-category p{color:#ccc;margin:0}
.streaming-quality{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.streaming-quality h3{color:#ff6b35;margin-bottom:15px}
.streaming-quality p{color:#ccc;margin:0}
.limitation-analysis h3{color:#ff6b35;margin:25px 0 15px 0;font-size:1.3rem}
.limitation-analysis p{color:#ccc;margin-bottom:20px}
.cost-scenarios{margin-top:40px}
.cost-scenario{background:rgba(255,255,255,0.05);border-radius:10px;padding:25px;margin-bottom:25px;border-left:4px solid #dc3545}
.cost-scenario h3{color:#dc3545;margin-bottom:15px}
.cost-scenario p{color:#ccc;margin-bottom:10px}
.cost-scenario strong{color:#fff}
.evolution-timeline h3{color:#ff6b35;margin:25px 0 15px 0;font-size:1.3rem}
.evolution-timeline p{color:#ccc;margin-bottom:20px}
.support-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px}
.support-option{background:rgba(255,255,255,0.05);border-radius:10px;padding:25px;border-left:4px solid #ff6b35}
.support-option h3{color:#ff6b35;margin-bottom:15px}
.support-option p{color:#ccc;margin:0}
.support-quality{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.support-quality h3{color:#ff6b35;margin-bottom:15px}
.support-quality p{color:#ccc;margin:0}
.site-footer{background:rgba(10,10,10,0.95);border-top:2px solid #ff6b35;padding:40px 0 20px}
.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.footer-section h3{color:#ff6b35;margin-bottom:20px;font-size:1.2rem}
.footer-section p{color:#ccc;font-size:0.9rem;line-height:1.6}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.payment-icons img,.provider-logos img{opacity:0.8;transition:opacity 0.3s ease;filter:brightness(0.9)}
.payment-icons img:hover,.provider-logos img:hover{opacity:1;filter:brightness(1.1)}
.footer-bottom{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:#888;font-size:0.85rem}
@media (max-width:1080px){
.desktop-nav,.auth-buttons{display:none}
.hamburger-menu{display:flex}
.hero-section h1{font-size:2.5rem}
.hero-description{font-size:1.1rem}
.hero-actions{flex-direction:column;align-items:center}
.feature-grid{grid-template-columns:1fr;gap:20px}
.game-categories{grid-template-columns:1fr}
.payment-grid{grid-template-columns:1fr}
.bonus-breakdown{grid-template-columns:1fr}
.compliance-framework{grid-template-columns:1fr}
.mobile-performance{grid-template-columns:1fr}
.live-dealer-features{grid-template-columns:1fr}
.support-channels{grid-template-columns:1fr}
}
@media (max-width:768px){
.header-container{padding:0 15px}
.hero-section{padding:60px 0}
.hero-section h1{font-size:2rem}
.content-wrapper{padding:0 15px}
.platform-overview h2,.game-selection h2,.registration-process h2,.payment-systems h2,.bonus-structure h2,.licensing-security h2,.mobile-experience h2,.live-dealer-focus h2,.alternative-perspective h2,.cost-analysis h2,.evolution-context h2,.support-services h2{font-size:2rem}
.feature-card{padding:20px}
.step-item{flex-direction:column;text-align:center}
.step-number{margin-bottom:15px}
.footer-content{grid-template-columns:1fr;gap:25px}
.payment-icons,.provider-logos{justify-content:center}
}
@media (max-width:480px){
.hero-section h1{font-size:1.7rem}
.hero-description{font-size:1rem}
.cta-primary,.cta-secondary{padding:12px 25px;font-size:1rem}
.feature-grid{gap:15px}
.feature-card{padding:15px}
.platform-overview h2,.game-selection h2,.registration-process h2,.payment-systems h2,.bonus-structure h2,.licensing-security h2,.mobile-experience h2,.live-dealer-focus h2,.alternative-perspective h2,.cost-analysis h2,.evolution-context h2,.support-services h2{font-size:1.7rem}
}
@media (max-width:320px){
.header-container{padding:0 10px}
.content-wrapper{padding:0 10px}
.hero-section h1{font-size:1.5rem}
.mobile-menu{width:280px}
.cta-primary,.cta-secondary{padding:10px 20px;font-size:0.9rem}
}