*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#110d15;color:#ffffff;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
button{border:none;background:none;cursor:pointer;font-family:inherit}
header{background:#0e0601;padding:12px 10px;position:sticky;top:0;z-index:1000}
.top-bar{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}
.brand-mark{width:69px;height:55px}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.desk-nav{display:none;gap:28px;align-items:center}
.desk-nav a,.desk-nav span{color:#ffffff;font-size:15px;font-weight:500;transition:color 0.3s}
.desk-nav a:hover{color:#faad5f}
.desk-nav span{cursor:default}
.nav-group{position:relative;display:flex;align-items:center;gap:5px}
.arrow-icon{font-size:12px;color:#ffffff;transition:transform 0.3s;cursor:pointer}
.sub-nav{display:none;position:absolute;top:calc(100% + 5px);left:0;background:#1a1419;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:100}
.sub-nav span{display:block;padding:8px 16px;white-space:nowrap;font-size:14px;cursor:default;color:#ffffff}
.nav-group::before{content:'';position:absolute;top:100%;left:0;right:0;height:5px;background:transparent}
@media(min-width:1081px){
.desk-nav{display:flex}
.nav-group:hover .sub-nav{display:block}
.nav-group:hover .arrow-icon{transform:rotate(180deg)}
}
.access-btns{display:none;gap:12px}
.btn-join,.btn-enter{padding:9px 22px;border-radius:5px;font-size:14px;font-weight:600;transition:all 0.3s}
.btn-join{background:#faad5f;color:#0e0601}
.btn-join:hover{background:#ffc07a;transform:translateY(-1px)}
.btn-enter{background:transparent;border:1.5px solid #faad5f;color:#faad5f}
.btn-enter:hover{background:rgba(250,173,95,0.1)}
@media(min-width:1081px){
.access-btns{display:flex}
}
.menu-trigger{display:flex;flex-direction:column;justify-content:center;width:30px;height:25px}
.line-burger{width:100%;height:3px;background:#faad5f;border-radius:2px;transition:all 0.3s;margin-bottom:5px}
.line-burger:last-child{margin-bottom:0}
@media(min-width:1081px){
.menu-trigger{display:none}
}
.mobile-panel{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#0e0601;transition:right 0.4s;z-index:2000;overflow-y:auto}
.mobile-panel.active-panel{right:0}
.panel-inside{padding:20px;display:flex;flex-direction:column}
.panel-exit{font-size:36px;color:#faad5f;align-self:flex-end;line-height:1;margin-bottom:15px}
.brand-mobile{width:69px;height:55px;margin:0 auto 15px}
.panel-link{color:#ffffff;font-size:16px;font-weight:500;padding:12px 0;border-bottom:1px solid #2a2129}
.panel-link[href]{transition:color 0.3s}
.panel-link[href]:hover{color:#faad5f}
.group-mobile{border-bottom:1px solid #2a2129}
.parent-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.parent-item a{color:#ffffff;font-size:16px;font-weight:500;flex:1}
.arrow-mobile{font-size:14px;color:#faad5f;transition:transform 0.3s;cursor:pointer;padding:0 8px}
.child-items{display:none;flex-direction:column;padding:0 0 12px 15px}
.child-items.visible-items{display:flex}
.child-items a{color:#faad5f;font-size:14px;padding:6px 0}
.aviator-active{color:#faad5f;font-size:14px;padding:6px 0;cursor:default}
.arrow-mobile.rotated-arrow{transform:rotate(180deg)}
.panel-access{display:flex;flex-direction:column;gap:12px;margin-top:15px}
@media(max-width:300px){
.mobile-panel{width:100%}
}
main{max-width:1200px;margin:0 auto;padding:0 10px}
.aviator-intro{background:linear-gradient(135deg,#1a0f1f 0%,#0e0601 100%);padding:60px 20px;margin-bottom:50px;position:relative;overflow:hidden}
.aviator-intro::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(250,173,95,0.04) 40px,rgba(250,173,95,0.04) 80px);pointer-events:none}
.aviator-layout{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;position:relative;z-index:1}
.aviator-text h1{font-size:42px;margin-bottom:20px;color:#faad5f}
.aviator-text p{font-size:17px;line-height:1.7;margin-bottom:25px;color:#e8e8e8}
.play-actions{display:flex;gap:15px;flex-wrap:wrap}
.play-now-btn{display:inline-block;padding:14px 32px;border-radius:6px;font-size:16px;font-weight:600;background:#faad5f;color:#0e0601;transition:all 0.3s;text-align:center}
.play-now-btn:hover{background:#ffc07a;transform:translateY(-2px);box-shadow:0 6px 16px rgba(250,173,95,0.4)}
.aviator-visual{text-align:center}
.aviator-visual img{border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,0.4);max-width:450px;margin:0 auto}
@media(min-width:969px){
.aviator-layout{grid-template-columns:1.3fr 1fr}
}
@media(min-width:1081px){
.aviator-layout{grid-template-columns:1.5fr 1fr}
}
section{margin-bottom:50px}
section h2{font-size:32px;margin-bottom:20px;color:#faad5f}
section h3{font-size:24px;margin-bottom:15px;color:#ffc07a;margin-top:25px}
section p{margin-bottom:15px;font-size:16px;line-height:1.7;color:#d8d8d8}
.game-mechanics{padding:40px 20px}
.betting-strategies{padding:40px 20px}
.provably-fair{padding:40px 20px}
.mobile-experience{padding:40px 20px}
.chat-statistics{padding:40px 20px}
.bankroll-management{padding:40px 20px}
.action-btn{display:inline-block;padding:14px 32px;border-radius:6px;font-size:16px;font-weight:600;background:#faad5f;color:#0e0601;transition:all 0.3s;text-align:center}
.action-btn:hover{background:#ffc07a;transform:translateY(-2px);box-shadow:0 6px 16px rgba(250,173,95,0.4)}
.centered-action{text-align:center;margin-top:30px}
footer{background:#0e0601;padding:40px 10px 20px;margin-top:60px}
.bottom-area{max-width:1200px;margin:0 auto}
.link-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;margin-bottom:35px}
.link-stack h4{font-size:16px;color:#faad5f;margin-bottom:12px}
.link-stack a,.link-stack span{display:block;margin-bottom:8px;font-size:14px;color:#d8d8d8;transition:color 0.3s}
.link-stack a:hover{color:#faad5f}
.link-stack span{cursor:default}
.payment-strip,.provider-strip{margin-bottom:30px}
.payment-strip h4,.provider-strip h4{font-size:16px;color:#faad5f;margin-bottom:15px;text-align:center}
.payment-logos,.provider-logos{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center}
.payment-logos img,.provider-logos img{filter:grayscale(100%);opacity:0.7;transition:all 0.3s}
.payment-logos img:hover,.provider-logos img:hover{filter:grayscale(0%);opacity:1}
.legal-zone{border-top:1px solid #2a2129;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.legal-copy{flex:1}
.legal-copy p{font-size:13px;color:#a8a8a8;margin-bottom:8px;line-height:1.6}
.trust-marks{display:flex;gap:15px;align-items:center}
@media(max-width:1200px){
.aviator-text h1{font-size:38px}
}
@media(max-width:1024px){
.aviator-text h1{font-size:36px}
section h2{font-size:30px}
}
@media(max-width:968px){
.aviator-layout{grid-template-columns:1fr}
}
@media(max-width:768px){
.legal-zone{flex-direction:column;text-align:center}
.trust-marks{justify-content:center}
.aviator-text h1{font-size:32px}
section h2{font-size:28px}
}
@media(max-width:480px){
.aviator-intro{padding:40px 15px}
.aviator-text h1{font-size:30px}
.aviator-text p{font-size:15px}
.play-now-btn,.action-btn{padding:12px 24px;font-size:15px}
section h2{font-size:26px}
section h3{font-size:20px}
}
@media(max-width:320px){
.aviator-text h1{font-size:26px}
section h2{font-size:24px}
.play-now-btn,.action-btn{padding:10px 20px;font-size:14px}
}