*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;}
.topbar{background:#101826;padding:15px 10px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.3);}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;}
.brand-mark img{width:162px;height:60px;object-fit:contain;}
.nav-links{display:none;gap:25px;}
.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s;}
.nav-links a:hover{color:#6db26b;}
.auth-controls{display:none;gap:12px;}
.btn-signin,.btn-signup{padding:10px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.btn-signin{background:transparent;color:#fff;border:2px solid #6db26b;}
.btn-signin:hover{background:#6db26b;color:#101826;}
.btn-signup{background:#6db26b;color:#101826;}
.btn-signup:hover{background:#5c9e5b;transform:translateY(-2px);}
.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:5px;}
.menu-toggle span{width:28px;height:3px;background:#6db26b;transition:all 0.3s;}
.mobile-nav{display:none;flex-direction:column;background:#1a2332;padding:20px;position:absolute;top:100%;left:0;width:100%;box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.mobile-nav a{color:#fff;padding:12px 0;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-nav a:hover{color:#6db26b;}
.btn-signin-mobile,.btn-signup-mobile{margin-top:10px;padding:12px;text-align:center;border-radius:6px;font-weight:600;}
.btn-signin-mobile{background:transparent;border:2px solid #6db26b;color:#6db26b;}
.btn-signup-mobile{background:#6db26b;color:#101826;}
.page-wrapper{max-width:1400px;margin:0 auto;padding:0 10px;}
.bonus-hero{background:linear-gradient(135deg,#6db26b,#5c9e5b);padding:60px 20px;margin:20px 0;border-radius:12px;overflow:hidden;position:relative;}
.bonus-hero::before{content:'💰';position:absolute;top:20px;right:20px;font-size:8rem;opacity:0.1;z-index:1;}
.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center;color:#fff;}
.hero-content h1{font-size:2.2rem;margin-bottom:20px;color:#fff;line-height:1.2;}
.hero-content p{font-size:1.05rem;margin-bottom:30px;line-height:1.7;}
.cta-primary{display:inline-block;background:#101826;color:#6db26b;padding:16px 40px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s;box-shadow:0 4px 15px rgba(0,0,0,0.3);}
.cta-primary:hover{background:#1a2332;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.5);}
.welcome-bonus{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.welcome-bonus h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.welcome-bonus>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.bonus-highlight{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0;}
.bonus-card{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:25px;border-radius:8px;text-align:center;transition:transform 0.3s;}
.bonus-card:hover{transform:translateY(-5px);}
.bonus-icon{font-size:3rem;display:block;margin-bottom:12px;}
.bonus-card h3{color:#6db26b;margin-bottom:12px;font-size:1.2rem;}
.bonus-card p{color:#555;font-size:0.95rem;line-height:1.7;}
.bonus-card strong{color:#101826;font-weight:600;}
.cta-secondary{display:inline-block;background:#101826;color:#6db26b;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:all 0.3s;margin-top:25px;}
.cta-secondary:hover{background:#1a2332;transform:translateY(-2px);}
.ongoing-promotions{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.ongoing-promotions h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.ongoing-promotions>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0;}
.promo-box{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:25px;border-radius:8px;transition:transform 0.3s;}
.promo-box:hover{transform:translateY(-5px);}
.promo-box h3{color:#6db26b;margin-bottom:10px;font-size:1.2rem;}
.promo-box p{color:#555;font-size:0.95rem;line-height:1.6;}
.wagering-explained{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.wagering-explained h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.wagering-explained>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.wagering-example{background:#f9f9f9;padding:25px;border-radius:8px;margin:25px 0;}
.wagering-example h3{color:#6db26b;margin-bottom:15px;font-size:1.3rem;}
.example-box{background:#fff;padding:20px;border-radius:6px;}
.example-box p{margin-bottom:12px;color:#555;font-size:0.97rem;line-height:1.7;}
.example-box strong{color:#101826;}
.bonus-terms{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.bonus-terms h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.bonus-terms>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.terms-list{background:#f9f9f9;padding:25px;border-radius:8px;margin:25px 0;}
.terms-list ul{list-style:none;}
.terms-list li{padding:8px 0;color:#555;font-size:0.97rem;line-height:1.6;}
.claiming-guide{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.claiming-guide h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.claiming-guide>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.claim-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0;}
.claim-step{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:25px;border-radius:8px;position:relative;padding-top:70px;}
.step-marker{position:absolute;left:50%;top:15px;transform:translateX(-50%);width:45px;height:45px;background:#6db26b;color:#101826;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;}
.claim-step h3{color:#6db26b;margin-bottom:10px;font-size:1.2rem;}
.claim-step p{color:#333;font-size:0.95rem;line-height:1.6;}
.bonus-tips{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.bonus-tips h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.bonus-tips>p{margin-bottom:20px;color:#444;font-size:1.02rem;}
.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0;}
.tip-card{background:linear-gradient(135deg,#f3e5f5,#e1bee7);padding:25px;border-radius:8px;transition:transform 0.3s;}
.tip-card:hover{transform:translateY(-5px);}
.tip-card h3{color:#6db26b;margin-bottom:10px;font-size:1.2rem;}
.tip-card p{color:#555;font-size:0.95rem;line-height:1.6;}
.site-footer{background:#101826;color:#fff;padding:50px 20px 20px;margin-top:40px;}
.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:30px;}
.footer-section h4{color:#6db26b;margin-bottom:16px;font-size:1.2rem;}
.footer-nav{display:flex;flex-direction:column;gap:10px;}
.footer-nav a{color:#ccc;text-decoration:none;transition:color 0.3s;font-size:0.95rem;}
.footer-nav a:hover{color:#6db26b;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
.payment-icons img,.provider-logos img{filter:brightness(0.9);transition:filter 0.3s;}
.payment-icons img:hover,.provider-logos img:hover{filter:brightness(1.2);}
.license-info{color:#aaa;font-size:0.9rem;line-height:1.6;margin-bottom:12px;}
.age-restriction{color:#6db26b;font-weight:600;font-size:1rem;}
.footer-bottom{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:#888;font-size:0.9rem;}
@media(min-width:480px){
.hero-content h1{font-size:2.5rem;}
}
@media(min-width:768px){
.hero-content h1{font-size:2.8rem;}
.footer-content{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1080px){
.nav-links{display:flex;}
.auth-controls{display:flex;}
.menu-toggle{display:none;}
.hero-content h1{font-size:3rem;}
.footer-content{grid-template-columns:repeat(4,1fr);}
}