*{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);}
.promo-banner{background:linear-gradient(135deg,#041140 0%,#1a237e 50%,#3f51b5 100%);color:#fff;padding:80px 10px;position:relative;overflow:hidden;}
.promo-banner::before{content:"🎁";position:absolute;font-size:15rem;opacity:0.06;top:0%;left:0%;animation:float-bounce 20s infinite ease-in-out;}
.promo-banner::after{content:"💰";position:absolute;font-size:10rem;opacity:0.08;bottom:10%;right:5%;animation:rotate-slow 30s infinite linear;}
.banner-content{max-width:1200px;margin:0 auto;text-align:center;}
.banner-content h1{font-size:3rem;margin-bottom:24px;font-weight:700;line-height:1.2;}
.banner-intro{font-size:1.2rem;max-width:900px;margin:0 auto 40px;opacity:0.9;line-height:1.7;}
.active-promos-count{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;}
.promo-counter{background:rgba(255,255,255,0.1);padding:25px;border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:transform 0.3s ease;}
.promo-counter:hover{transform:translateY(-5px);}
.counter-number{display:block;font-size:2.2rem;font-weight:700;color:#4a9eff;margin-bottom:8px;}
.counter-label{font-size:0.9rem;opacity:0.8;font-weight:500;}
.featured-offers{background:#fff;padding:60px 10px;box-shadow:0 -10px 30px rgba(0,0,0,0.1);}
.featured-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.offer-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:2px solid transparent;transition:all 0.3s ease;position:relative;overflow:hidden;}
.offer-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#4a9eff,#357abd);}
.offer-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15);border-color:#4a9eff;}
.welcome-bonus{border-color:#4caf50;}
.welcome-bonus::before{background:linear-gradient(90deg,#4caf50,#2e7d32);}
.casino-bonus{border-color:#ff9800;}
.casino-bonus::before{background:linear-gradient(90deg,#ff9800,#f57c00);}
.reload-bonus{border-color:#9c27b0;}
.reload-bonus::before{background:linear-gradient(90deg,#9c27b0,#7b1fa2);}
.offer-badge{position:absolute;top:15px;right:15px;background:#4caf50;color:#fff;padding:5px 12px;border-radius:20px;font-size:0.8rem;font-weight:600;}
.offer-header{margin-bottom:20px;}
.offer-header h3{font-size:1.4rem;font-weight:700;color:#041140;margin-bottom:10px;}
.offer-value{font-size:1.8rem;font-weight:700;color:#4a9eff;}
.offer-details p{margin-bottom:15px;color:#666;line-height:1.6;}
.offer-terms{list-style:none;margin-bottom:25px;}
.offer-terms li{padding:5px 0;color:#666;font-size:0.9rem;position:relative;padding-left:20px;}
.offer-terms li::before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700;}
.claim-btn{display:block;background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;padding:15px 25px;border-radius:10px;text-decoration:none;font-weight:700;text-align:center;transition:all 0.3s ease;}
.claim-btn:hover{background:linear-gradient(135deg,#357abd,#2c5aa0);transform:translateY(-2px);}
.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,#4a9eff,#357abd);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 float-bounce{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-30px) rotate(180deg);}}
@keyframes rotate-slow{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@media (min-width:1081px){
.desktop-nav{display:block;}
.desktop-auth{display:flex;}
.hamburger-menu{display:none;}
}
@media (max-width:1024px){
.banner-content h1{font-size:2.5rem;}
.active-promos-count{grid-template-columns:repeat(3,1fr);gap:20px;}
.featured-offers{grid-template-columns:1fr;gap:25px;}
}
@media (max-width:768px){
.banner-content h1{font-size:2rem;}
.banner-intro{font-size:1rem;}
.content-block h2{font-size:1.6rem;}
.content-block{padding:40px 10px;}
.active-promos-count{grid-template-columns:repeat(3,1fr);gap:15px;}
.promo-counter{padding:20px;}
.counter-number{font-size:1.8rem;}
.offer-card{padding:25px;}
.payment-icons,.provider-logos{justify-content:center;}
}
@media (max-width:480px){
.banner-content h1{font-size:1.8rem;}
.content-block h2{font-size:1.4rem;}
.content-block{padding:30px 10px;}
.active-promos-count{grid-template-columns:1fr;gap:15px;}
.counter-number{font-size:1.6rem;}
.offer-card{padding:20px;}
.offer-value{font-size:1.5rem;}
}
@media (max-width:320px){
.banner-content h1{font-size:1.6rem;}
.banner-intro{font-size:0.9rem;}
.content-block p{font-size:0.95rem;}
.offer-header h3{font-size:1.2rem;}
}