*{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 a{display:block;padding:8px 16px;white-space:nowrap;font-size:14px;transition:background 0.3s}
.sub-nav a:hover{background:#2a2129}
.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}
.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:40px 20px}
.about-intro{margin-bottom:40px}
.about-intro h1{font-size:38px;margin-bottom:20px;color:#faad5f}
.about-intro p{font-size:17px;line-height:1.7;color:#e8e8e8}
section{margin-bottom:45px}
section h2{font-size:30px;margin-bottom:20px;color:#faad5f}
section p{margin-bottom:15px;font-size:16px;line-height:1.7;color:#d8d8d8}
.licensing-compliance{margin-top:40px}
.platform-features{margin-top:40px}
.security-fairness{margin-top:40px}
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:768px){
.legal-zone{flex-direction:column;text-align:center}
.trust-marks{justify-content:center}
}
@media(max-width:480px){
.about-intro h1{font-size:32px}
section h2{font-size:26px}
}
@media(max-width:320px){
.about-intro h1{font-size:28px}
section h2{font-size:24px}
}