*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:#1a1a2e;overflow-x:hidden}
.site-navigation{background:#16213e;border-bottom:2px solid #0f3460;position:sticky;top:0;z-index:1000}
.navigation-frame{display:flex;justify-content:space-between;align-items:center;padding:10px;max-width:100%;margin:0 auto}
.logo-wrapper{flex-shrink:0}
.brand-logo{width:90px;height:57px;object-fit:contain}
.desktop-menu{display:flex;align-items:center;gap:40px}
.nav-list{display:flex;list-style:none;gap:30px;margin:0}
.nav-item{color:#fff;font-weight:500;font-size:16px}
.nav-link{color:#fff;text-decoration:none;transition:color 0.3s ease;font-weight:500}
.nav-link:hover{color:#4da6ff}
.auth-buttons{display:flex;gap:15px}
.sign-up-btn,.sign-in-btn{padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.sign-up-btn{background:#ff6b35;color:#fff}
.sign-up-btn:hover{background:#e55a2b}
.sign-in-btn{background:transparent;color:#fff;border:2px solid #4da6ff}
.sign-in-btn:hover{background:#4da6ff;color:#fff}
.mobile-menu-toggle{display:none;background:none;border:none;flex-direction:column;cursor:pointer;padding:5px}
.hamburger-line{width:25px;height:3px;background:#fff;margin:3px 0;transition:0.3s}
.mobile-menu{display:none;background:#16213e;border-top:1px solid #0f3460;padding:20px}
.mobile-nav-list{list-style:none;margin-bottom:20px}
.mobile-nav-item{padding:12px 0;border-bottom:1px solid #0f3460;color:#fff;font-weight:500}
.mobile-nav-link{color:#fff;text-decoration:none;font-weight:500}
.mobile-auth-buttons{display:flex;flex-direction:column;gap:10px}
.mobile-sign-up-btn,.mobile-sign-in-btn{padding:15px;text-align:center;border-radius:6px;text-decoration:none;font-weight:600}
.mobile-sign-up-btn{background:#ff6b35;color:#fff}
.mobile-sign-in-btn{background:transparent;color:#fff;border:2px solid #4da6ff}
.app-layout{position:relative;min-height:100vh}
.app-layout::before{content:'📱';position:absolute;font-size:6rem;opacity:0.08;animation:float-mobile-right 20s infinite linear;top:20%;right:-2%}
.app-layout::after{content:'💻';position:absolute;font-size:7rem;opacity:0.12;animation:float-device-left 18s infinite linear;top:60%;left:-3%}
@keyframes float-mobile-right{0%{transform:translateX(-100px) translateY(0px) rotate(0deg)}25%{transform:translateX(200px) translateY(-150px) rotate(90deg)}50%{transform:translateX(500px) translateY(-50px) rotate(180deg)}75%{transform:translateX(800px) translateY(-200px) rotate(270deg)}100%{transform:translateX(1200px) translateY(0px) rotate(360deg)}}
@keyframes float-device-left{0%{transform:translateX(100px) translateY(0px) rotate(0deg)}25%{transform:translateX(-150px) translateY(100px) rotate(-90deg)}50%{transform:translateX(-400px) translateY(200px) rotate(-180deg)}75%{transform:translateX(-600px) translateY(50px) rotate(-270deg)}100%{transform:translateX(-800px) translateY(0px) rotate(-360deg)}}
.mobile-gaming-overview{padding:80px 10px 60px;text-align:center;position:relative;z-index:2;background:linear-gradient(135deg,rgba(26,26,46,0.95),rgba(22,33,62,0.9))}
.mobile-gaming-frame h1{font-size:2.8rem;color:#fff;margin-bottom:25px;font-weight:700;line-height:1.2}
.mobile-gaming-frame p{font-size:1.2rem;color:#b8c5d1;margin-bottom:35px;max-width:850px;margin-left:auto;margin-right:auto}
.mobile-access-buttons{display:flex;justify-content:center;gap:25px;margin-top:35px}
.access-mobile-btn,.test-mobile-btn{padding:18px 35px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease}
.access-mobile-btn{background:#ff6b35;color:#fff}
.access-mobile-btn:hover{background:#e55a2b;transform:translateY(-3px)}
.test-mobile-btn{background:transparent;color:#4da6ff;border:2px solid #4da6ff}
.test-mobile-btn:hover{background:#4da6ff;color:#fff}
.app-layout section{padding:70px 10px;max-width:1200px;margin:0 auto}
.browser-vs-native-analysis{background:#fff;border-radius:12px;margin:40px 10px;box-shadow:0 12px 35px rgba(0,0,0,0.1)}
.browser-vs-native-analysis h2{color:#1a1a2e;font-size:2.4rem;margin-bottom:30px;text-align:center}
.browser-vs-native-analysis>p{color:#666;font-size:1.1rem;margin-bottom:40px;text-align:center}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px}
.browser-advantages,.native-limitations{background:#f8f9fa;border-radius:12px;padding:35px}
.browser-advantages h3,.native-limitations h3{color:#1a1a2e;font-size:1.6rem;margin-bottom:25px;text-align:center;font-weight:600}
.advantage-item,.limitation-item{margin-bottom:30px}
.advantage-icon,.limitation-icon{font-size:2.5rem;margin-bottom:12px;display:block}
.advantage-item h4,.limitation-item h4{color:#1a1a2e;font-size:1.2rem;margin-bottom:10px;font-weight:600}
.advantage-item p,.limitation-item p{color:#666;line-height:1.7;font-size:0.95rem}
.mobile-performance-metrics{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff}
.mobile-performance-metrics h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.mobile-performance-metrics>p{color:#b8c5d1;margin-bottom:35px;line-height:1.8}
.network-performance-data{display:grid;gap:30px}
.carrier-performance{background:rgba(255,255,255,0.08);border-radius:12px;padding:30px}
.carrier-performance h3{color:#fff;font-size:1.4rem;margin-bottom:18px;font-weight:600}
.carrier-performance p{color:#b8c5d1;margin-bottom:18px;line-height:1.7}
.device-optimization-specifics{background:#fff;border-radius:12px;margin:40px 10px}
.device-optimization-specifics h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.device-optimization-specifics>p{color:#666;margin-bottom:35px;line-height:1.8}
.device-categories{display:grid;gap:35px}
.ios-performance,.android-performance{background:#f8f9fa;border-radius:12px;padding:30px}
.ios-performance h3,.android-performance h3{color:#1a1a2e;font-size:1.4rem;margin-bottom:18px;font-weight:600}
.ios-performance p,.android-performance p{color:#666;margin-bottom:18px;line-height:1.7}
.data-usage-breakdown{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff}
.data-usage-breakdown h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.data-usage-breakdown>p{color:#b8c5d1;margin-bottom:35px;line-height:1.8}
.usage-categories{display:grid;gap:30px}
.slot-gaming-data,.live-dealer-data,.crash-gaming-data{background:rgba(255,255,255,0.08);border-radius:12px;padding:30px}
.slot-gaming-data h3,.live-dealer-data h3,.crash-gaming-data h3{color:#fff;font-size:1.4rem;margin-bottom:18px;font-weight:600}
.slot-gaming-data p,.live-dealer-data p,.crash-gaming-data p{color:#b8c5d1;margin-bottom:18px;line-height:1.7}
.touch-interface-optimization{background:#fff;border-radius:12px;margin:40px 10px}
.touch-interface-optimization h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.touch-interface-optimization p{color:#666;margin-bottom:25px;line-height:1.8}
.mobile-security-features{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff}
.mobile-security-features h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.mobile-security-features p{color:#b8c5d1;margin-bottom:25px;line-height:1.8}
.battery-optimization-strategies{background:#fff;border-radius:12px;margin:40px 10px}
.battery-optimization-strategies h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.battery-optimization-strategies>p{color:#666;margin-bottom:35px;line-height:1.8}
.battery-usage-analysis{display:grid;gap:30px}
.slot-gaming-battery,.live-dealer-battery{background:#f8f9fa;border-radius:12px;padding:30px}
.slot-gaming-battery h3,.live-dealer-battery h3{color:#1a1a2e;font-size:1.4rem;margin-bottom:18px;font-weight:600}
.slot-gaming-battery p,.live-dealer-battery p{color:#666;margin-bottom:18px;line-height:1.7}
.mobile-payment-integration{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff}
.mobile-payment-integration h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.mobile-payment-integration p{color:#b8c5d1;margin-bottom:25px;line-height:1.8}
.offline-gaming-limitations{background:#fff;border-radius:12px;margin:40px 10px}
.offline-gaming-limitations h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.offline-gaming-limitations p{color:#666;margin-bottom:25px;line-height:1.8}
.mobile-gaming-mistakes{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff}
.mobile-gaming-mistakes h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.mobile-gaming-mistakes>p{color:#b8c5d1;margin-bottom:35px;line-height:1.8}
.costly-mobile-errors{display:grid;gap:30px}
.accidental-input-costs,.connectivity-related-losses,.device-performance-issues{background:rgba(255,107,53,0.1);border-radius:12px;padding:30px}
.accidental-input-costs h3,.connectivity-related-losses h3,.device-performance-issues h3{color:#fff;font-size:1.4rem;margin-bottom:18px;font-weight:600}
.accidental-input-costs p,.connectivity-related-losses p,.device-performance-issues p{color:#b8c5d1;margin-bottom:18px;line-height:1.7}
.optimal-mobile-setup{background:#fff;border-radius:12px;margin:40px 10px}
.optimal-mobile-setup h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.optimal-mobile-setup p{color:#666;margin-bottom:25px;line-height:1.8}
.mobile-evolution-future{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff}
.mobile-evolution-future h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.mobile-evolution-future p{color:#b8c5d1;margin-bottom:25px;line-height:1.8}
.mobile-gaming-alternatives{background:#fff;border-radius:12px;margin:40px 10px}
.mobile-gaming-alternatives h2{color:#1a1a2e;font-size:2.2rem;margin-bottom:30px}
.mobile-gaming-alternatives p{color:#666;margin-bottom:25px;line-height:1.8}
.technical-specifications{background:#16213e;border-radius:12px;margin:40px 10px;color:#fff}
.technical-specifications h2{color:#fff;font-size:2.2rem;margin-bottom:30px}
.technical-specifications p{color:#b8c5d1;margin-bottom:25px;line-height:1.8}
.legal-information{background:#0f1419;color:#fff;padding:50px 10px 30px;margin-top:60px}
.legal-frame{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}
.licensing-details h4,.payment-options h4,.provider-showcase h4{color:#fff;font-size:1.3rem;margin-bottom:20px;font-weight:600}
.licensing-details p,.payment-options p,.provider-showcase p{color:#b8c5d1;line-height:1.7;margin-bottom:15px}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.payment-icon,.provider-logo{filter:brightness(0.8);transition:filter 0.3s ease}
.payment-icon:hover,.provider-logo:hover{filter:brightness(1)}
@media (max-width:1080px){
.desktop-menu{display:none}
.mobile-menu-toggle{display:flex}
.mobile-gaming-frame h1{font-size:2.2rem}
.mobile-access-buttons{flex-direction:column;align-items:center}
.comparison-grid{grid-template-columns:1fr;gap:30px}
.device-categories{grid-template-columns:1fr}
.usage-categories{grid-template-columns:1fr}
.battery-usage-analysis{grid-template-columns:1fr}
.costly-mobile-errors{grid-template-columns:1fr}
}
@media (max-width:768px){
.mobile-gaming-frame h1{font-size:1.9rem}
.mobile-gaming-frame p{font-size:1rem}
.app-layout section{padding:50px 10px}
.comparison-grid{grid-template-columns:1fr}
.browser-advantages,.native-limitations{padding:25px}
.legal-frame{grid-template-columns:1fr;gap:30px}
.app-layout::before{font-size:4rem;animation-duration:25s}
.app-layout::after{font-size:5rem;animation-duration:22s}
}
@media (max-width:480px){
.mobile-gaming-frame h1{font-size:1.6rem}
.mobile-access-buttons{gap:18px}
.access-mobile-btn,.test-mobile-btn{padding:14px 24px;font-size:1rem}
.browser-advantages,.native-limitations{padding:20px}
.carrier-performance,.ios-performance,.android-performance{padding:20px}
.payment-icons,.provider-logos{justify-content:center}
}
@media (max-width:320px){
.mobile-gaming-frame h1{font-size:1.4rem}
.navigation-frame{padding:8px}
.brand-logo{width:72px;height:46px}
.app-layout::before{display:none}
.app-layout::after{display:none}
}
.mobile-menu.active{display:block}
.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}
.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}
.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}