*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;}
.site-header{background:#041140;padding:0 10px;position:sticky;top:0;z-index:1000;}
.header-wrapper{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1200px;margin:0 auto;}
.logo-area{width:160px;height:40px;}
.logo-area img{width:100%;height:100%;object-fit:contain;}
.desktop-nav{display:none;}
.nav-list{display:flex;list-style:none;gap:30px;}
.nav-item a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s ease;}
.nav-item a:hover{color:#4a9eff;}
.nav-item.active{color:#4a9eff;font-weight:600;}
.desktop-auth{display:none;gap:15px;}
.btn-signup,.btn-signin{padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;}
.btn-signup{background:#4a9eff;color:#fff;}
.btn-signin{background:transparent;color:#fff;border:2px solid #4a9eff;}
.btn-signup:hover{background:#357abd;}
.btn-signin:hover{background:#4a9eff;}
.hamburger-menu{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:5px;}
.hamburger-menu span{width:25px;height:3px;background:#fff;transition:all 0.3s ease;border-radius:2px;}
.mobile-menu{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#041140;transform:translateX(-100%);transition:transform 0.3s ease;z-index:999;}
.mobile-menu.active{transform:translateX(0);}
.mobile-nav{padding:30px 20px;}
.mobile-nav-list{list-style:none;margin-bottom:40px;}
.mobile-nav-list li{margin-bottom:20px;}
.mobile-nav-list a{color:#fff;text-decoration:none;font-size:18px;font-weight:500;display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-nav-list .active{color:#4a9eff;font-weight:600;}
.mobile-auth{display:flex;flex-direction:column;gap:15px;}
.mobile-auth .btn-signup,.mobile-auth .btn-signin{text-align:center;padding:15px;font-size:16px;}
.main-content{min-height:calc(100vh - 70px);}
.main-banner{background:#041140;color:#fff;padding:60px 10px;position:relative;overflow:hidden;}
.main-banner::before{content:"⚽";position:absolute;font-size:8rem;opacity:0.1;top:20%;left:10%;animation:float-right 20s infinite linear;}
.main-banner::after{content:"🎰";position:absolute;font-size:6rem;opacity:0.12;top:60%;right:15%;animation:float-left 18s infinite linear;}
.banner-content{max-width:1200px;margin:0 auto;text-align:center;}
.banner-content h1{font-size:2.5rem;margin-bottom:20px;font-weight:700;}
.banner-intro{font-size:1.1rem;max-width:800px;margin:0 auto;opacity:0.9;}
.content-wrapper{max-width:1200px;margin:0 auto;}
.content-block{padding:40px 10px;margin-bottom:0;}
.content-block.alt-bg{background-color:#f8f9fb;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;}
.content-block h2{color:#041140;font-size:1.8rem;margin-bottom:20px;font-weight:600;}
.content-block p{margin-bottom:20px;font-size:1rem;line-height:1.7;}
.site-footer{background:#041140;color:#fff;padding:40px 10px 20px;}
.footer-content{max-width:1200px;margin:0 auto;}
.footer-block{margin-bottom:30px;}
.footer-block h3{font-size:1.2rem;margin-bottom:15px;color:#4a9eff;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
.payment-icons img,.provider-logos img{filter:brightness(0) invert(1);opacity:0.8;transition:opacity 0.3s ease;}
.payment-icons img:hover,.provider-logos img:hover{opacity:1;}
.footer-legal{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.2);font-size:0.9rem;opacity:0.8;}
.footer-legal p{margin-bottom:10px;}
.cta-wrapper{text-align:center;margin:30px 0;}
.cta-button{display:inline-block;background:#4a9eff;color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(74,158,255,0.3);}
.cta-button:hover{background:#357abd;transform:translateY(-2px);box-shadow:0 4px 15px rgba(74,158,255,0.4);}
@media (max-width:480px){
.cta-button{padding:12px 25px;font-size:1rem;}
}
@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);}}
@media (min-width:1081px){
.desktop-nav{display:block;}
.desktop-auth{display:flex;}
.hamburger-menu{display:none;}
}
@media (max-width:768px){
.banner-content h1{font-size:2rem;}
.banner-intro{font-size:1rem;}
.content-block h2{font-size:1.5rem;}
.content-block{padding:30px 10px;}
.payment-icons,.provider-logos{justify-content:center;}
}
@media (max-width:480px){
.banner-content h1{font-size:1.8rem;}
.content-block h2{font-size:1.3rem;}
.content-block{padding:25px 10px;}
.mobile-auth .btn-signup,.mobile-auth .btn-signin{padding:12px;}
}
@media (max-width:320px){
.banner-content h1{font-size:1.6rem;}
.banner-intro{font-size:0.9rem;}
.content-block p{font-size:0.9rem;}
.content-block{padding:20px 10px;}
}