*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.6;color:#fff;background:#1a1a2e;position:relative;overflow-x:hidden}
body::before{content:"🚀";position:fixed;top:15%;left:-5%;font-size:8rem;opacity:0.1;animation:float-right 26s infinite linear;z-index:-1}
body::after{content:"✈️";position:fixed;top:70%;right:-5%;font-size:6rem;opacity:0.12;animation:float-left 21s 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:25%;right:10%;font-size:7rem;opacity:0.08;animation:pulse 19s infinite ease-in-out;z-index:0}
.page-content::after{content:"📈";position:absolute;bottom:20%;left:6%;font-size:6rem;opacity:0.1;animation:bounce 24s infinite ease-in-out;z-index:0}
.content-wrapper{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.aviator-hero{padding:80px 0;text-align:center;color:#fff}
.aviator-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}
.game-stats{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:40px}
.stat-item{background:rgba(255,255,255,0.1);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:20px;min-width:120px;text-align:center;transition:all 0.3s ease}
.stat-item:hover{border-color:#ff6b35;box-shadow:0 8px 25px rgba(255,107,53,0.2)}
.stat-value{font-size:2rem;font-weight:800;color:#ff6b35;display:block;margin-bottom:5px}
.stat-label{color:#ccc;font-size:0.9rem}
.hero-cta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.play-aviator-btn,.learn-more-btn{padding:15px 35px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s ease}
.play-aviator-btn{background:linear-gradient(135deg,#ff6b35,#ffaa44);color:#fff;box-shadow:0 6px 20px rgba(255,107,53,0.4)}
.play-aviator-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,107,53,0.6)}
.learn-more-btn{border:2px solid #ff6b35;color:#ff6b35;background:transparent}
.learn-more-btn:hover{background:#ff6b35;color:#fff}
.game-overview,.how-to-play,.rtp-analysis,.betting-strategies,.auto-features,.social-features,.mobile-optimization,.responsible-gaming,.tournaments-events{padding:60px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.game-overview h2,.how-to-play h2,.rtp-analysis h2,.betting-strategies h2,.auto-features h2,.social-features h2,.mobile-optimization h2,.responsible-gaming h2,.tournaments-events h2{font-size:2.5rem;margin-bottom:20px;color:#fff;text-align:center}
.game-overview p,.how-to-play p,.rtp-analysis p,.betting-strategies p,.auto-features p,.social-features p,.mobile-optimization p,.responsible-gaming p,.tournaments-events p{font-size:1.1rem;color:#ccc;margin-bottom:30px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}
.overview-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;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:25px;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:2.5rem;margin-bottom:15px}
.feature-card h3{color:#fff;margin-bottom:15px;font-size:1.3rem}
.feature-card p{color:#ccc;font-size:0.95rem}
.gameplay-steps{margin-top:40px}
.step-container{display:flex;align-items:flex-start;margin-bottom:40px;gap:25px}
.step-number{background:#ff6b35;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.5rem;flex-shrink:0}
.step-content{flex:1}
.step-content h3{color:#fff;margin-bottom:15px;font-size:1.4rem}
.step-details p{color:#ccc;margin-bottom:15px;font-size:1rem}
.bet-options,.multiplier-info,.cashout-timing,.win-calculation{display:flex;gap:15px;flex-wrap:wrap}
.bet-range,.multi-stat,.timing-tip,.calc-example,.profit-note{background:rgba(255,107,53,0.2);padding:6px 12px;border-radius:15px;color:#fff;font-size:0.85rem}
.round-mechanics{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px;margin-top:40px}
.round-mechanics h3{color:#ff6b35;margin-bottom:20px}
.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.mechanic-item{background:rgba(255,255,255,0.05);border-radius:10px;padding:20px}
.mechanic-item h4{color:#ff6b35;margin-bottom:10px}
.mechanic-item p{color:#ccc;margin:0;font-size:0.95rem}
.rtp-breakdown{margin-top:40px}
.rtp-stats{background:rgba(255,255,255,0.05);border-radius:15px;padding:25px;margin-bottom:30px}
.rtp-stats h3{color:#ff6b35;margin-bottom:20px}
.rtp-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.rtp-component{text-align:center}
.component-label{color:#ccc;font-size:0.9rem;margin-bottom:5px}
.component-value{font-size:1.8rem;font-weight:800;color:#ff6b35;display:block;margin-bottom:5px}
.component-note{color:#ccc;font-size:0.8rem}
.probability-distribution{background:rgba(255,255,255,0.05);border-radius:15px;padding:25px;margin-bottom:30px}
.probability-distribution h3{color:#ff6b35;margin-bottom:20px}
.prob-chart{margin-bottom:20px}
.prob-bar{display:flex;align-items:center;gap:15px;margin-bottom:12px}
.prob-range{color:#fff;min-width:120px;font-weight:600;font-size:0.9rem}
.prob-visual{background:linear-gradient(90deg,#ff6b35,#ffaa44);height:20px;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center}
.prob-percentage{color:#fff;font-weight:600;font-size:0.8rem}
.prob-frequency{color:#ccc;font-size:0.85rem}
.expected-value{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px}
.expected-value h3{color:#ff6b35;margin-bottom:20px}
.ev-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.ev-scenario{background:rgba(255,255,255,0.05);border-radius:10px;padding:20px}
.ev-scenario h4{color:#fff;margin-bottom:15px}
.ev-calculation{display:grid;gap:8px}
.calc-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.calc-label{color:#ccc;font-size:0.9rem}
.calc-value{color:#ff6b35;font-weight:600}
.strategy-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}
.strategy-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:25px;transition:all 0.3s ease}
.strategy-card:hover{transform:translateY(-3px);border-color:#ff6b35;box-shadow:0 8px 25px rgba(255,107,53,0.2)}
.strategy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.strategy-header h3{color:#ff6b35;font-size:1.4rem}
.risk-level{padding:5px 12px;border-radius:15px;font-size:0.8rem;font-weight:600}
.conservative .risk-level{background:rgba(40,167,69,0.2);color:#28a745}
.moderate .risk-level{background:rgba(255,193,7,0.2);color:#ffc107}
.aggressive .risk-level{background:rgba(220,53,69,0.2);color:#dc3545}
.strategy-details h4{color:#fff;margin:15px 0 10px 0;font-size:1.1rem}
.cashout-targets,.dual-setup,.target-multipliers{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.target,.bet-config,.multiplier-target{background:rgba(255,107,53,0.2);padding:5px 12px;border-radius:12px;color:#fff;font-size:0.85rem}
.target.primary{background:rgba(40,167,69,0.2);color:#28a745}
.betting-info,.execution-rules,.bankroll-rules{margin-bottom:15px}
.bet-structure,.rule-item,.rule-structure{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.bet-label,.rule-label{color:#ccc;font-size:0.9rem}
.bet-value,.rule-value{color:#fff;font-weight:500}
.strategy-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.pros,.cons{background:rgba(255,255,255,0.03);border-radius:8px;padding:15px}
.pros h5{color:#28a745;margin-bottom:10px}
.cons h5{color:#dc3545;margin-bottom:10px}
.pros ul,.cons ul{margin-left:15px}
.pros li,.cons li{color:#ccc;font-size:0.85rem;margin-bottom:5px}
.strategy-tips{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px;margin-top:40px}
.strategy-tips h3{color:#ff6b35;margin-bottom:20px}
.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.tip-item{background:rgba(255,255,255,0.05);border-left:4px solid #ff6b35;padding:15px;border-radius:8px}
.tip-item h4{color:#fff;margin-bottom:8px}
.tip-item p{color:#ccc;margin:0;font-size:0.95rem}
.auto-options{display:grid;gap:30px;margin-top:40px}
.auto-feature{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:25px}
.feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.feature-header h3{color:#ff6b35;font-size:1.4rem}
.feature-status{background:rgba(40,167,69,0.2);color:#28a745;padding:4px 10px;border-radius:12px;font-size:0.8rem;font-weight:600}
.feature-content{display:grid;gap:20px}
.setting-option{background:rgba(255,255,255,0.03);border-radius:10px;padding:15px}
.setting-option h4{color:#fff;margin-bottom:8px}
.setting-option p{color:#ccc;margin-bottom:10px;font-size:0.95rem}
.setting-details{display:flex;gap:10px;flex-wrap:wrap}
.detail-item{background:rgba(255,107,53,0.2);padding:4px 10px;border-radius:10px;color:#fff;font-size:0.8rem}
.auto-safety{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px;margin-top:40px}
.auto-safety h3{color:#ff6b35;margin-bottom:20px}
.safety-measures{display:grid;gap:15px}
.safety-item{background:rgba(255,255,255,0.05);border-left:4px solid #28a745;padding:15px;border-radius:8px}
.safety-item h4{color:#28a745;margin-bottom:8px}
.safety-item p{color:#ccc;margin:0;font-size:0.95rem}
.social-elements{display:grid;gap:30px;margin-top:40px}
.social-feature{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:25px;display:flex;gap:20px;align-items:flex-start}
.social-feature .feature-icon{font-size:2.5rem;flex-shrink:0}
.feature-description h3{color:#ff6b35;margin-bottom:15px}
.feature-description p{color:#ccc;margin-bottom:15px;font-size:0.95rem}
.chat-features ul,.stats-shown ul,.achievement-types ul{margin-left:15px}
.chat-features li,.stats-shown li,.achievement-types li{color:#ccc;font-size:0.9rem;margin-bottom:5px}
.community-stats{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px;margin-top:40px}
.community-stats h3{color:#ff6b35;margin-bottom:20px}
.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.live-stat{background:rgba(255,255,255,0.05);border-radius:10px;padding:20px;text-align:center}
.stat-title{color:#ccc;font-size:0.9rem;margin-bottom:8px}
.stat-number{font-size:1.8rem;font-weight:800;color:#ff6b35;display:block;margin-bottom:5px}
.stat-change{color:#fff;font-size:0.8rem}
.mobile-features{display:grid;gap:30px;margin-top:40px}
.mobile-aspect{background:rgba(255,255,255,0.05);border-radius:15px;padding:25px}
.mobile-aspect h3{color:#ff6b35;margin-bottom:20px}
.touch-features,.performance-stats,.mobile-only{display:grid;gap:20px}
.touch-item,.perf-item,.mobile-feature{background:rgba(255,255,255,0.03);border-radius:8px;padding:15px}
.touch-item h4,.perf-item h4,.mobile-feature h4{color:#fff;margin-bottom:8px}
.touch-item p,.mobile-feature p{color:#ccc;margin:0;font-size:0.95rem}
.data-usage,.battery-features,.network-specs{display:flex;gap:8px;flex-wrap:wrap}
.usage-stat,.battery-stat,.network-req{background:rgba(255,107,53,0.2);padding:4px 8px;border-radius:8px;color:#fff;font-size:0.8rem}
.responsibility-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}
.tool-category{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:25px}
.tool-category h3{color:#ff6b35;margin-bottom:20px}
.management-tools,.betting-controls,.protection-measures{display:grid;gap:15px}
.tool-item,.control-item,.protection-item{background:rgba(255,255,255,0.03);border-left:3px solid #28a745;padding:15px;border-radius:8px}
.tool-item h4,.control-item h4,.protection-item h4{color:#28a745;margin-bottom:8px}
.tool-item p,.control-item p,.protection-item p{color:#ccc;margin-bottom:10px;font-size:0.95rem}
.tool-settings{display:flex;gap:8px;flex-wrap:wrap}
.setting{background:rgba(40,167,69,0.2);padding:3px 8px;border-radius:8px;color:#28a745;font-size:0.8rem}
.warning-signs{background:rgba(220,53,69,0.1);border-radius:15px;padding:25px;margin-top:40px}
.warning-signs h3{color:#dc3545;margin-bottom:20px}
.warning-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.warning-item{background:rgba(255,255,255,0.05);border-left:4px solid #dc3545;padding:20px;border-radius:8px}
.warning-item h4{color:#dc3545;margin-bottom:10px}
.warning-item ul{margin-left:15px}
.warning-item li{color:#ccc;font-size:0.9rem;margin-bottom:5px}
.tournament-types{display:grid;gap:30px;margin-top:40px}
.tournament-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:25px}
.tournament-header{text-align:center;margin-bottom:20px}
.tournament-header h3{color:#ff6b35;margin-bottom:10px}
.prize-pool{font-size:1.5rem;font-weight:700;color:#ffaa44}
.tournament-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.tournament-rules h4,.prize-structure h4,.scoring-breakdown h4,.daily-schedule h4{color:#fff;margin-bottom:15px}
.tournament-rules ul{margin-left:15px}
.tournament-rules li{color:#ccc;font-size:0.9rem;margin-bottom:8px}
.prize-tiers{display:grid;gap:8px}
.prize-tier{display:flex;justify-content:space-between;align-items:center;padding:8px;background:rgba(255,255,255,0.03);border-radius:6px}
.tier-position{color:#ccc}
.tier-prize{color:#ff6b35;font-weight:600}
.score-items,.schedule-items{display:grid;gap:5px}
.score-rule,.schedule-day{background:rgba(255,107,53,0.2);padding:6px 10px;border-radius:8px;color:#fff;font-size:0.85rem}
.tournament-participation{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px;margin-top:40px}
.tournament-participation h3{color:#ff6b35;margin-bottom:20px}
.participation-steps{display:grid;gap:20px}
.step-item{background:rgba(255,255,255,0.05);border-left:4px solid #ff6b35;padding:20px;border-radius:8px}
.step-item h4{color:#ff6b35;margin-bottom:10px}
.step-item p{color:#ccc;margin:0;font-size:0.95rem}
.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}
.aviator-hero h1{font-size:2.5rem}
.hero-description{font-size:1.1rem}
.game-stats{gap:15px}
.hero-cta{flex-direction:column;align-items:center}
.overview-features{grid-template-columns:1fr;gap:20px}
.step-container{flex-direction:column;text-align:center}
.step-number{margin-bottom:15px}
.strategy-categories{grid-template-columns:1fr}
.strategy-pros-cons{grid-template-columns:1fr}
.responsibility-tools{grid-template-columns:1fr}
.tournament-details{grid-template-columns:1fr}
}
@media (max-width:768px){
.header-container{padding:0 15px}
.aviator-hero{padding:60px 0}
.aviator-hero h1{font-size:2rem}
.content-wrapper{padding:0 15px}
.game-overview h2,.how-to-play h2,.rtp-analysis h2,.betting-strategies h2,.auto-features h2,.social-features h2,.mobile-optimization h2,.responsible-gaming h2,.tournaments-events h2{font-size:2rem}
.feature-card{padding:20px}
.game-stats{flex-direction:column;align-items:center;gap:15px}
.social-feature{flex-direction:column;text-align:center}
.stats-dashboard{grid-template-columns:repeat(2,1fr)}
.footer-content{grid-template-columns:1fr;gap:25px}
.payment-icons,.provider-logos{justify-content:center}
}
@media (max-width:480px){
.aviator-hero h1{font-size:1.7rem}
.hero-description{font-size:1rem}
.stat-item{min-width:100px;padding:15px}
.stat-value{font-size:1.5rem}
.overview-features{gap:15px}
.feature-card{padding:15px}
.game-overview h2,.how-to-play h2,.rtp-analysis h2,.betting-strategies h2,.auto-features h2,.social-features h2,.mobile-optimization h2,.responsible-gaming h2,.tournaments-events h2{font-size:1.7rem}
.stats-dashboard{grid-template-columns:1fr}
.tournament-header h3{font-size:1.2rem}
.prize-pool{font-size:1.2rem}
}
@media (max-width:320px){
.header-container{padding:0 10px}
.content-wrapper{padding:0 10px}
.aviator-hero h1{font-size:1.5rem}
.mobile-menu{width:280px}
.play-aviator-btn,.learn-more-btn{padding:12px 25px;font-size:1rem}
.step-number{width:40px;height:40px;font-size:1.2rem}
}