*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:#ffffff;}
body.menu-open{overflow:hidden;}
header{background:#003256;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;max-width:1400px;margin:0 auto;}
.logo-wrapper a{display:block;}
.logo-wrapper img{display:block;width:186px;height:30px;}
.main-nav{display:flex;align-items:center;gap:30px;}
.nav-links{display:flex;list-style:none;gap:25px;}
.nav-links a{color:#fff;text-decoration:none;font-size:15px;transition:color 0.3s;}
.nav-links a:hover{color:#5cfd86;}
.active-page{color:#5cfd86;font-weight:600;cursor:default;}
.lang-switch{display:flex;align-items:center;gap:8px;}
.lang-switch a{color:#fff;text-decoration:none;font-size:14px;}
.lang-active{color:#5cfd86;font-weight:600;}
.divider{color:#fff;opacity:0.5;}
.auth-btns{display:flex;gap:12px;}
.btn-signup,.btn-signin{padding:8px 20px;text-decoration:none;border-radius:5px;font-size:14px;font-weight:600;transition:all 0.3s;}
.btn-signup{background:#5cfd86;color:#003256;}
.btn-signup:hover{background:#4de070;}
.btn-signin{background:transparent;color:#fff;border:1px solid #5cfd86;}
.btn-signin:hover{background:#5cfd86;color:#003256;}
.mobile-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px;}
.mobile-toggle .bar{width:25px;height:3px;background:#fff;transition:0.3s;}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;opacity:0;transition:opacity 0.3s;}
.overlay.active{display:block;opacity:1;}
.mobile-menu{display:none;position:fixed;top:0;right:0;width:300px;height:100vh;background:#003256;transform:translateX(100%);transition:transform 0.3s;z-index:1001;overflow-y:auto;padding:20px;}
.mobile-menu.active{display:block;transform:translateX(0);}
.mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.mobile-header img{width:186px;height:30px;}
.close-menu{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1;}
.mobile-links{list-style:none;margin-bottom:25px;}
.mobile-links li{margin-bottom:15px;}
.mobile-links a,.mobile-links .active-page{color:#fff;text-decoration:none;font-size:16px;display:block;padding:8px 0;}
.mobile-links .active-page{color:#5cfd86;font-weight:600;}
.mobile-lang{display:flex;align-items:center;margin-bottom:20px;}
.mobile-lang a{color:#fff;text-decoration:none;font-size:14px;margin-right:8px;}
.mobile-lang .divider{margin-right:8px;}
.mobile-auth{display:flex;flex-direction:column;margin-top:15px;}
.mobile-auth a{margin-bottom:10px;}
main{max-width:1400px;margin:0 auto;padding:0 10px;}
.bonus-showcase{background:linear-gradient(45deg,#5cfd86 0%,#4de070 50%,#3bc95e 100%);padding:80px 20px;margin:0 -10px;position:relative;overflow:hidden;}
.bonus-showcase::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(60deg,transparent,transparent 20px,rgba(255,255,255,0.05) 20px,rgba(255,255,255,0.05) 40px);animation:slide 20s linear infinite;pointer-events:none;}
@keyframes slide{
0%{transform:translate(0,0);}
100%{transform:translate(50px,50px);}
}
.showcase-inner{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1;}
.showcase-inner h1{font-size:42px;color:#003256;margin-bottom:20px;line-height:1.2;}
.showcase-inner p{font-size:19px;color:#004d33;line-height:1.7;}
section{padding:50px 20px;}
section h2{font-size:32px;color:#003256;margin-bottom:25px;text-align:center;}
section h3{font-size:24px;color:#003256;margin:30px 0 15px;}
section p{font-size:16px;color:#333;margin-bottom:15px;line-height:1.8;}
.welcome-bonus{background:#f8f9fa;}
.bonus-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin:30px 0;}
.tier-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,0.08);border-top:4px solid #5cfd86;}
.tier-header{text-align:center;margin-bottom:25px;}
.tier-header h3{font-size:22px;color:#003256;margin:0 0 15px 0;}
.bonus-amount{font-size:48px;font-weight:700;color:#5cfd86;}
.tier-details{list-style:none;margin-bottom:20px;}
.tier-details li{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:15px;}
.tier-details li:last-child{border-bottom:none;}
.tier-example{background:#f8f9fa;padding:15px;border-radius:5px;font-size:14px;line-height:1.7;margin-top:15px;}
.cta-centered{text-align:center;margin-top:35px;}
.btn-primary{display:inline-block;padding:14px 32px;background:#5cfd86;color:#003256;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:all 0.3s;}
.btn-primary:hover{background:#4de070;transform:translateY(-2px);box-shadow:0 4px 12px rgba(92,253,134,0.3);}
.ongoing-promos{background:#fff;}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;}
.promo-card{background:#f8f9fa;padding:25px;border-radius:8px;border:1px solid #e0e0e0;}
.promo-card h3{font-size:20px;color:#003256;margin:0 0 15px 0;}
.promo-card p{font-size:15px;line-height:1.7;margin-bottom:12px;}
.promo-card p:last-child{margin-bottom:0;}
.wagering-explained{background:#f8f9fa;}
.bonus-terms{background:#fff;}
.terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;}
.terms-card{background:#f8f9fa;padding:25px;border-radius:8px;border:1px solid #e0e0e0;}
.terms-card h3{font-size:19px;color:#003256;margin:0 0 12px 0;}
.terms-card p{font-size:15px;line-height:1.7;margin:0;}
.bonus-tips{background:#f8f9fa;}
.tips-content p{font-size:16px;line-height:1.8;margin-bottom:18px;}
footer{background:#003256;color:#fff;padding:50px 20px 20px;}
.footer-top{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1400px;margin:0 auto 40px;}
.footer-column h3{font-size:18px;margin-bottom:15px;color:#5cfd86;}
.footer-column ul{list-style:none;}
.footer-column li{margin-bottom:10px;}
.footer-column a,.footer-column span{color:#fff;text-decoration:none;font-size:15px;transition:color 0.3s;}
.footer-column a:hover{color:#5cfd86;}
.footer-column span{opacity:0.7;}
.footer-carousel{max-width:1400px;margin:0 auto 30px;text-align:center;}
.footer-carousel h3{font-size:18px;margin-bottom:20px;color:#5cfd86;}
.carousel-track{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;}
.carousel-track img{height:25px;width:auto;opacity:0.8;transition:opacity 0.3s;}
.carousel-track img:hover{opacity:1;}
.footer-bottom{max-width:1400px;margin:30px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,0.2);display:flex;justify-content:space-between;align-items:center;}
.license-info{flex:1;padding-right:20px;}
.license-info p{font-size:13px;line-height:1.7;color:#ddd;margin:0;word-wrap:break-word;}
.trust-badges{display:flex;gap:15px;align-items:center;}
.trust-badges img{height:auto;}
@media(max-width:1080px){
.main-nav{display:none;}
.mobile-toggle{display:flex;}
.top-bar{justify-content:space-between;}
.showcase-inner h1{font-size:32px;}
.showcase-inner p{font-size:17px;}
.bonus-tiers{grid-template-columns:1fr;}
.promo-grid{grid-template-columns:repeat(2,1fr);}
.terms-grid{grid-template-columns:repeat(2,1fr);}
.footer-top{grid-template-columns:1fr;}
.footer-bottom{flex-direction:column;text-align:center;}
.license-info{padding-right:0;margin-bottom:20px;}
.trust-badges{justify-content:center;}
}
@media(max-width:768px){
.promo-grid{grid-template-columns:1fr;}
.terms-grid{grid-template-columns:1fr;}
section{padding:35px 15px;}
section h2{font-size:26px;}
.bonus-showcase{padding:50px 15px;}
.showcase-inner h1{font-size:28px;}
}
@media(max-width:480px){
.showcase-inner h1{font-size:24px;}
.showcase-inner p{font-size:15px;}
section h2{font-size:22px;}
section h3{font-size:20px;}
.bonus-amount{font-size:36px;}
}
@media(max-width:320px){
.mobile-menu{width:100%;}
.showcase-inner h1{font-size:20px;}
section h2{font-size:20px;}
}