*{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);}
.sports-banner{background:linear-gradient(135deg,#2e7d32 0%,#4caf50 50%,#66bb6a 100%);color:#fff;padding:80px 10px;position:relative;overflow:hidden;}
.sports-banner::before{content:"⚽";position:absolute;font-size:25rem;opacity:0.04;top:-10%;left:-8%;animation:bounce-ball 15s infinite ease-in-out;}
.sports-banner::after{content:"🏆";position:absolute;font-size:15rem;opacity:0.06;bottom:-5%;right:-5%;animation:trophy-shine 10s infinite ease-in-out;}
.banner-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 350px;gap:60px;align-items:center;}
.banner-text h1{font-size:3.2rem;margin-bottom:24px;font-weight:700;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,0.1);}
.banner-intro{font-size:1.2rem;margin-bottom:32px;opacity:0.95;line-height:1.7;}
.sports-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;}
.highlight-item{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,0.1);padding:15px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);}
.highlight-icon{font-size:2rem;}
.highlight-title{font-weight:700;font-size:1.1rem;}
.highlight-desc{font-size:0.85rem;opacity:0.9;}
.bet-now-btn{display:inline-block;background:linear-gradient(135deg,#ff6f00,#ff8f00);color:#fff;padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(255,111,0,0.3);}
.bet-now-btn:hover{background:linear-gradient(135deg,#e65100,#ff6f00);transform:translateY(-3px);box-shadow:0 15px 40px rgba(255,111,0,0.4);}
.odds-display{width:350px;background:#fff;border-radius:20px;padding:25px;box-shadow:0 20px 40px rgba(0,0,0,0.1);border:3px solid rgba(255,255,255,0.2);}
.match-header{text-align:center;background:#041140;color:#fff;padding:8px;border-radius:8px;font-size:0.85rem;font-weight:600;margin-bottom:15px;}
.teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.team{font-weight:700;color:#041140;font-size:0.9rem;}
.vs{color:#666;font-weight:600;}
.odds-row{display:flex;gap:10px;margin-bottom:20px;}
.odd-item{flex:1;background:#f8f9fa;border-radius:8px;padding:12px;text-align:center;transition:background 0.3s ease;}
.odd-item:hover{background:#4caf50;color:#fff;}
.odd-label{font-size:0.8rem;color:#666;margin-bottom:5px;}
.odd-item:hover .odd-label{color:#fff;}
.odd-value{font-weight:700;font-size:1.1rem;color:#041140;}
.odd-item:hover .odd-value{color:#fff;}
.additional-markets{display:flex;flex-direction:column;gap:8px;}
.market-item{background:#f8f9fa;padding:10px;border-radius:6px;font-size:0.85rem;color:#041140;text-align:center;}
.leagues-showcase{background:#fff;padding:60px 10px;box-shadow:0 -10px 30px rgba(0,0,0,0.1);}
.leagues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.league-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,0.1);border:2px solid transparent;transition:all 0.4s ease;position:relative;overflow:hidden;}
.league-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;}
.league-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,0.15);}
.premier{border-color:#3f51b5;}
.premier::before{background:linear-gradient(90deg,#3f51b5,#5c6bc0);}
.kpl{border-color:#4caf50;}
.kpl::before{background:linear-gradient(90deg,#4caf50,#66bb6a);}
.champions{border-color:#ff9800;}
.champions::before{background:linear-gradient(90deg,#ff9800,#ffb74d);}
.league-logo{font-size:3rem;margin-bottom:20px;text-align:center;}
.league-info h3{font-size:1.5rem;font-weight:700;color:#041140;margin-bottom:15px;}
.league-info p{color:#666;margin-bottom:20px;line-height:1.6;}
.league-stats{display:flex;gap:15px;}
.league-stats span{background:#f8f9fa;padding:8px 15px;border-radius:20px;font-size:0.85rem;font-weight:600;color:#041140;}
.content-wrapper{max-width:1200px;margin:0 auto;}
.content-block{padding:50px 10px;margin-bottom:0;}
.content-block.alt-bg{background:linear-gradient(135deg,#f8f9fb,#e8f4f8);border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;}
.content-block h2{color:#041140;font-size:2rem;margin-bottom:24px;font-weight:700;position:relative;}
.content-block h2::after{content:"";position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:2px;}
.content-block p{margin-bottom:24px;font-size:1.05rem;line-height:1.8;color:#444;}
.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:all 0.3s ease;}
.payment-icons img:hover,.provider-logos img:hover{opacity:1;transform:scale(1.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;}
@keyframes bounce-ball{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-30px) rotate(180deg);}}
@keyframes trophy-shine{0%,100%{opacity:0.06;transform:scale(1);}50%{opacity:0.1;transform:scale(1.05);}}
@media (min-width:1081px){
.desktop-nav{display:block;}
.desktop-auth{display:flex;}
.hamburger-menu{display:none;}
}
@media (max-width:1024px){
.banner-content{grid-template-columns:1fr;gap:40px;text-align:center;}
.odds-display{margin:0 auto;}
.leagues-grid{grid-template-columns:1fr;gap:25px;}
}
@media (max-width:768px){
.banner-text h1{font-size:2.4rem;}
.banner-intro{font-size:1rem;}
.content-block h2{font-size:1.6rem;}
.content-block{padding:40px 10px;}
.sports-highlights{grid-template-columns:1fr;}
.odds-display{width:300px;}
.league-card{padding:25px;}
.payment-icons,.provider-logos{justify-content:center;}
}
@media (max-width:480px){
.banner-text h1{font-size:2rem;}
.content-block h2{font-size:1.4rem;}
.content-block{padding:30px 10px;}
.odds-display{width:280px;padding:20px;}
.league-info h3{font-size:1.3rem;}
}
@media (max-width:320px){
.banner-text h1{font-size:1.8rem;}
.banner-intro{font-size:0.9rem;}
.content-block p{font-size:0.95rem;}
.odds-display{width:260px;}
}