*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:#1a1a2e;position:relative;overflow-x:hidden}
body::before{content:"📱";position:fixed;top:20%;left:-5%;font-size:8rem;opacity:0.1;animation:float-right 20s infinite linear;z-index:-1}
body::after{content:"📲";position:fixed;top:60%;right:-5%;font-size:6rem;opacity:0.12;animation:float-left 25s infinite linear;z-index:-1}
.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}
.current-page{color:#ff6b35;font-weight:600;font-size:16px}
.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}
.current-page-mobile{display:block;color:#ff6b35;font-weight:600;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:18px}
.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;position:relative}
.page-content::before{content:"💻";position:absolute;top:15%;right:10%;font-size:7rem;opacity:0.08;animation:pulse 15s infinite ease-in-out;z-index:0}
.page-content::after{content:"⚡";position:absolute;bottom:20%;left:5%;font-size:6rem;opacity:0.1;animation:bounce 18s infinite ease-in-out;z-index:0}
.content-wrapper{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.app-hero{padding:80px 0;text-align:center;color:#fff}
.app-hero 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}
.download-buttons{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.download-ios,.download-android{display:flex;align-items:center;gap:15px;padding:15px 25px;background:rgba(255,255,255,0.1);border:2px solid #ff6b35;border-radius:15px;text-decoration:none;transition:all 0.3s ease;backdrop-filter:blur(10px)}
.download-ios:hover,.download-android:hover{background:rgba(255,107,53,0.2);transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,107,53,0.3)}
.download-text{display:flex;flex-direction:column;align-items:flex-start}
.download-label{color:#ccc;font-size:0.9rem}
.download-platform{color:#fff;font-size:1.2rem;font-weight:600}
.app-advantages,.installation-guide,.performance-analysis,.feature-comparison,.exclusive-mobile-features,.technical-requirements,.security-privacy,.troubleshooting-guide,.app-updates{padding:60px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.app-advantages h2,.installation-guide h2,.performance-analysis h2,.feature-comparison h2,.exclusive-mobile-features h2,.technical-requirements h2,.security-privacy h2,.troubleshooting-guide h2,.app-updates h2{font-size:2.5rem;margin-bottom:20px;color:#fff;text-align:center}
.app-advantages p,.installation-guide p,.performance-analysis p,.feature-comparison p,.exclusive-mobile-features p,.technical-requirements p,.security-privacy p,.troubleshooting-guide p,.app-updates p{font-size:1.1rem;color:#ccc;margin-bottom:30px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}
.advantage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}
.advantage-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}
.advantage-card:hover{transform:translateY(-5px);border-color:#ff6b35;box-shadow:0 10px 30px rgba(255,107,53,0.2)}
.advantage-icon{font-size:3rem;margin-bottom:20px}
.advantage-card h3{color:#fff;margin-bottom:15px;font-size:1.4rem}
.advantage-card p{color:#ccc;font-size:1rem}
.platform-tabs{margin-top:40px}
.tab-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:30px}
.tab-btn{padding:12px 30px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,107,53,0.5);border-radius:25px;color:#ccc;font-weight:600;cursor:pointer;transition:all 0.3s ease}
.tab-btn.active{background:#ff6b35;color:#fff;border-color:#ff6b35}
.tab-btn:hover{border-color:#ff6b35;color:#fff}
.tab-content{display:none}
.tab-content.active{display:block}
.install-steps{max-width:800px;margin:0 auto}
.install-step{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-info h3{color:#fff;margin-bottom:10px;font-size:1.2rem}
.step-info p{color:#ccc;margin:0}
.network-performance{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:40px}
.network-card{background:rgba(255,255,255,0.05);border-left:4px solid #ff6b35;padding:25px;border-radius:10px}
.network-card h3{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.network-card p{color:#ccc;margin:0}
.carrier-analysis{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.carrier-analysis h3{color:#ff6b35;margin-bottom:15px}
.carrier-analysis ul{color:#ccc;margin-left:20px}
.carrier-analysis li{margin-bottom:8px}
.comparison-table{overflow-x:auto;margin-top:40px}
.comparison-table table{width:100%;background:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;border-collapse:collapse}
.comparison-table th{background:rgba(255,107,53,0.2);color:#fff;padding:15px;text-align:left;font-weight:600}
.comparison-table td{padding:15px;color:#ccc;border-bottom:1px solid rgba(255,255,255,0.1)}
.comparison-table tr:hover{background:rgba(255,255,255,0.02)}
.mobile-features{margin-top:40px}
.feature-item{background:rgba(255,255,255,0.05);border-left:4px solid #ff6b35;padding:25px;border-radius:10px;margin-bottom:20px}
.feature-item h3{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.feature-item p{color:#ccc;margin:0}
.requirement-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:40px}
.spec-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:25px}
.spec-card h3{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.spec-card ul{color:#ccc;margin-left:20px}
.spec-card li{margin-bottom:8px}
.compatibility-note{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.compatibility-note h3{color:#ff6b35;margin-bottom:15px}
.compatibility-note p{color:#ccc;margin:0}
.security-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:40px}
.security-item{background:rgba(255,255,255,0.05);border-left:4px solid #ff6b35;padding:25px;border-radius:10px}
.security-item h3{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.security-item p{color:#ccc;margin:0}
.troubleshooting-list{margin-top:40px}
.trouble-item{background:rgba(255,255,255,0.05);border-left:4px solid #dc3545;padding:25px;border-radius:10px;margin-bottom:20px}
.trouble-item h3{color:#dc3545;margin-bottom:15px;font-size:1.3rem}
.trouble-item p{color:#ccc;margin:0}
.trouble-item strong{color:#fff}
.support-contact{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.support-contact h3{color:#ff6b35;margin-bottom:15px}
.support-contact p{color:#ccc;margin:0}
.update-schedule{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:40px}
.update-info{background:rgba(255,255,255,0.05);border-radius:10px;padding:25px;border:2px solid rgba(255,107,53,0.3)}
.update-info h3{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.update-info ul{color:#ccc;margin-left:20px}
.update-info li{margin-bottom:8px}
.update-settings{background:rgba(255,107,53,0.1);border-radius:10px;padding:25px;margin-top:30px}
.update-settings h3{color:#ff6b35;margin-bottom:15px}
.update-settings 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}
@keyframes float-right{0%{transform:translateX(-100px) rotate(0deg)}100%{transform:translateX(calc(100vw + 100px)) rotate(360deg)}}
@keyframes float-left{0%{transform:translateX(100px) rotate(0deg)}100%{transform:translateX(calc(-100vw - 100px)) rotate(-360deg)}}
@keyframes pulse{0%,100%{transform:scale(1) rotate(0deg);opacity:0.08}50%{transform:scale(1.1) rotate(180deg);opacity:0.15}}
@keyframes bounce{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}
@media (max-width:1080px){
.desktop-nav,.auth-buttons{display:none}
.hamburger-menu{display:flex}
.app-hero h1{font-size:2.5rem}
.hero-description{font-size:1.1rem}
.download-buttons{flex-direction:column;align-items:center}
.advantage-grid{grid-template-columns:1fr;gap:20px}
.network-performance{grid-template-columns:1fr}
.requirement-specs{grid-template-columns:1fr}
.security-measures{grid-template-columns:1fr}
.update-schedule{grid-template-columns:1fr}
.tab-buttons{flex-direction:column;align-items:center}
}
@media (max-width:768px){
.header-container{padding:0 15px}
.app-hero{padding:60px 0}
.app-hero h1{font-size:2rem}
.content-wrapper{padding:0 15px}
.app-advantages h2,.installation-guide h2,.performance-analysis h2,.feature-comparison h2,.exclusive-mobile-features h2,.technical-requirements h2,.security-privacy h2,.troubleshooting-guide h2,.app-updates h2{font-size:2rem}
.advantage-card{padding:20px}
.install-step{flex-direction:column;text-align:center}
.step-number{margin-bottom:15px}
.comparison-table{font-size:0.9rem}
.footer-content{grid-template-columns:1fr;gap:25px}
.payment-icons,.provider-logos{justify-content:center}
}
@media (max-width:480px){
.app-hero h1{font-size:1.7rem}
.hero-description{font-size:1rem}
.download-ios,.download-android{flex-direction:column;text-align:center;gap:10px}
.advantage-grid{gap:15px}
.advantage-card{padding:15px}
.app-advantages h2,.installation-guide h2,.performance-analysis h2,.feature-comparison h2,.exclusive-mobile-features h2,.technical-requirements h2,.security-privacy h2,.troubleshooting-guide h2,.app-updates h2{font-size:1.7rem}
.comparison-table{font-size:0.8rem}
}
@media (max-width:320px){
.header-container{padding:0 10px}
.content-wrapper{padding:0 10px}
.app-hero h1{font-size:1.5rem}
.mobile-menu{width:280px}
.download-ios,.download-android{padding:12px 15px}
}