*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:#1a1a2e;position:relative;overflow-x:hidden}
body::before{content:"💰";position:fixed;top:15%;left:-5%;font-size:8rem;opacity:0.1;animation:float-right 22s infinite linear;z-index:-1}
body::after{content:"🎁";position:fixed;top:70%;right:-5%;font-size:6rem;opacity:0.12;animation:float-left 18s infinite linear;z-index:-1}
.main-header{background:rgba(22,22,22,0.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:2px solid #ff6b35}
.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:70px;max-width:1400px;margin:0 auto}
.logo-container{width:90px;height:40px}
.logo-container img{width:100%;height:100%;object-fit:contain}
.desktop-nav{display:flex;gap:35px}
.desktop-nav a{color:#fff;text-decoration:none;font-weight:500;font-size:16px;transition:color 0.3s ease}
.desktop-nav a:hover{color:#ff6b35}
.current-page{color:#ff6b35;font-weight:600;font-size:16px}
.auth-buttons{display:flex;gap:15px}
.signup-btn,.signin-btn{padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.signup-btn{background:#ff6b35;color:#fff}
.signup-btn:hover{background:#e55a2b;transform:translateY(-2px)}
.signin-btn{border:2px solid #ff6b35;color:#ff6b35}
.signin-btn:hover{background:#ff6b35;color:#fff}
.hamburger-menu{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}
.hamburger-menu span{width:25px;height:3px;background:#fff;margin:3px 0;transition:0.3s}
.mobile-menu{position:fixed;top:70px;right:-100%;width:300px;height:calc(100vh - 70px);background:rgba(22,22,22,0.98);backdrop-filter:blur(15px);transition:right 0.3s ease;z-index:999;border-left:2px solid #ff6b35}
.mobile-menu.active{right:0}
.mobile-nav{padding:30px 20px}
.mobile-nav a{display:block;color:#fff;text-decoration:none;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:18px;transition:color 0.3s ease}
.mobile-nav a:hover{color:#ff6b35}
.current-page-mobile{display:block;color:#ff6b35;font-weight:600;padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:18px}
.mobile-auth{margin-top:30px}
.mobile-signup,.mobile-signin{display:block;text-align:center;padding:12px;margin:10px 0;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease}
.mobile-signup{background:#ff6b35;color:#fff}
.mobile-signin{border:2px solid #ff6b35;color:#ff6b35}
.page-content{background:linear-gradient(135deg,rgba(26,26,46,0.95),rgba(13,13,23,0.95));min-height:100vh;padding-top:0;position:relative}
.page-content::before{content:"🎯";position:absolute;top:25%;right:8%;font-size:7rem;opacity:0.08;animation:pulse 16s infinite ease-in-out;z-index:0}
.page-content::after{content:"💎";position:absolute;bottom:15%;left:7%;font-size:6rem;opacity:0.1;animation:bounce 20s infinite ease-in-out;z-index:0}
.content-wrapper{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.bonus-hero{padding:80px 0;text-align:center;color:#fff}
.bonus-hero h1{font-size:3.2rem;margin-bottom:20px;background:linear-gradient(135deg,#ff6b35,#ffaa44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-description{font-size:1.3rem;margin-bottom:40px;color:#ccc;max-width:800px;margin-left:auto;margin-right:auto}
.hero-cta{display:flex;flex-direction:column;align-items:center;gap:25px}
.claim-bonus-btn{padding:18px 40px;background:linear-gradient(135deg,#ff6b35,#ffaa44);color:#fff;text-decoration:none;border-radius:30px;font-weight:700;font-size:1.2rem;transition:all 0.3s ease;box-shadow:0 6px 20px rgba(255,107,53,0.4)}
.claim-bonus-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,107,53,0.6)}
.bonus-highlight{text-align:center}
.bonus-amount{display:block;font-size:2.5rem;font-weight:800;color:#ff6b35;text-shadow:0 0 20px rgba(255,107,53,0.5)}
.bonus-description{display:block;font-size:1.1rem;color:#ccc;margin-top:5px}
.welcome-package,.wagering-requirements,.ongoing-promotions,.vip-program,.bonus-terms,.bonus-strategy,.seasonal-promotions,.bonus-comparison{padding:60px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.welcome-package h2,.wagering-requirements h2,.ongoing-promotions h2,.vip-program h2,.bonus-terms h2,.bonus-strategy h2,.seasonal-promotions h2,.bonus-comparison h2{font-size:2.5rem;margin-bottom:20px;color:#fff;text-align:center}
.welcome-package p,.wagering-requirements p,.ongoing-promotions p,.vip-program p,.bonus-terms p,.bonus-strategy p,.seasonal-promotions p,.bonus-comparison p{font-size:1.1rem;color:#ccc;margin-bottom:30px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}
.package-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}
.tier-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:30px;text-align:center;transition:all 0.3s ease;position:relative}
.tier-card:hover{transform:translateY(-5px);border-color:#ff6b35;box-shadow:0 10px 30px rgba(255,107,53,0.2)}
.tier-card.featured{border-color:#ff6b35;box-shadow:0 0 30px rgba(255,107,53,0.3)}
.tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#ff6b35;color:#fff;padding:6px 20px;border-radius:20px;font-size:0.9rem;font-weight:600}
.tier-card h3{color:#fff;margin-bottom:20px;font-size:1.4rem}
.bonus-details{margin-bottom:25px}
.bonus-percentage{font-size:2.5rem;font-weight:800;color:#ff6b35;display:block}
.bonus-max{font-size:1.3rem;color:#fff;font-weight:600;margin:10px 0}
.free-spins{font-size:1.1rem;color:#ffaa44;font-weight:500}
.tier-features{list-style:none;text-align:left;margin-bottom:25px}
.tier-features li{color:#ccc;margin-bottom:8px;padding-left:20px;position:relative}
.tier-features li::before{content:"✓";position:absolute;left:0;color:#ff6b35;font-weight:bold}
.tier-cta{display:inline-block;padding:12px 25px;background:rgba(255,107,53,0.2);border:2px solid #ff6b35;color:#ff6b35;text-decoration:none;border-radius:25px;font-weight:600;transition:all 0.3s ease}
.tier-cta:hover{background:#ff6b35;color:#fff}
.package-summary{background:rgba(255,107,53,0.1);border-radius:15px;padding:30px;margin-top:40px}
.package-summary h3{color:#ff6b35;text-align:center;margin-bottom:25px;font-size:1.5rem}
.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}
.stat-item{text-align:center}
.stat-value{font-size:2rem;font-weight:800;color:#ff6b35;display:block}
.stat-label{color:#ccc;font-size:0.9rem;margin-top:5px}
.wagering-breakdown{margin-top:40px}
.contribution-rates h3{color:#ff6b35;margin-bottom:20px;text-align:left}
.contribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}
.contribution-item{background:rgba(255,255,255,0.05);border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center}
.game-category{color:#fff;font-weight:600}
.contribution-rate{color:#ff6b35;font-size:1.3rem;font-weight:800}
.category-note{color:#ccc;font-size:0.85rem;margin-top:5px}
.wagering-calculator{background:rgba(255,107,53,0.1);border-radius:15px;padding:30px;margin-top:30px}
.wagering-calculator h3{color:#ff6b35;margin-bottom:20px}
.calculator-example h4{color:#fff;margin-bottom:15px}
.calculation-steps{margin-bottom:20px}
.calc-step{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.calc-label{color:#ccc}
.calc-value{color:#ff6b35;font-weight:600}
.calc-breakdown{margin-top:15px}
.calc-option{margin-bottom:10px}
.calc-method{color:#fff;font-weight:500}
.calc-result{color:#ff6b35;font-weight:600;margin-left:20px}
.promotion-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px}
.promo-day{background:rgba(255,255,255,0.05);border-left:4px solid #ff6b35;border-radius:10px;padding:25px}
.promo-day.weekend{border-left-color:#ffaa44}
.day-header{margin-bottom:15px}
.day-name{color:#ff6b35;font-size:1.2rem;font-weight:600}
.promo-title{color:#fff;font-size:1.1rem;margin-top:5px}
.promo-offer{color:#ffaa44;font-weight:600;font-size:1.1rem;margin-bottom:8px}
.promo-terms,.promo-validity{color:#ccc;font-size:0.9rem;margin-bottom:5px}
.monthly-promotions{margin-top:50px}
.monthly-promotions h3{color:#ff6b35;margin-bottom:30px;text-align:center;font-size:1.8rem}
.tournament-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}
.tournament-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:25px}
.tournament-card h4{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.tournament-prize{font-size:1.5rem;font-weight:700;color:#ffaa44;margin-bottom:20px}
.tournament-details p{color:#ccc;margin-bottom:15px}
.tournament-details ul{margin-left:20px}
.tournament-details li{color:#ccc;margin-bottom:5px}
.vip-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px}
.vip-tier{background:rgba(255,255,255,0.05);border-radius:15px;padding:25px;text-align:center;border:2px solid rgba(255,255,255,0.1);transition:all 0.3s ease}
.vip-tier:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.3)}
.vip-tier.bronze{border-color:#cd7f32}
.vip-tier.silver{border-color:#c0c0c0}
.vip-tier.gold{border-color:#ffd700}
.vip-tier.diamond{border-color:#b9f2ff}
.tier-icon{font-size:3rem;margin-bottom:15px}
.vip-tier h3{color:#fff;margin-bottom:10px}
.tier-requirements{color:#ff6b35;font-weight:600;margin-bottom:20px;font-size:0.9rem}
.tier-benefits ul{list-style:none;text-align:left}
.tier-benefits li{color:#ccc;margin-bottom:8px;padding-left:20px;position:relative}
.tier-benefits li::before{content:"★";position:absolute;left:0;color:#ff6b35}
.vip-invitation{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px;margin-top:40px}
.vip-invitation h3{color:#ff6b35;margin-bottom:15px}
.vip-invitation p{color:#ccc;margin:0}
.terms-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}
.terms-category{background:rgba(255,255,255,0.05);border-radius:10px;padding:25px}
.terms-category h3{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.terms-list ul{margin-left:0;list-style:none}
.terms-list li{color:#ccc;margin-bottom:10px;padding-left:20px;position:relative;line-height:1.5}
.terms-list li::before{content:"⚠️";position:absolute;left:0;font-size:0.8rem}
.strategy-tips{margin-top:40px}
.strategy-item{background:rgba(255,255,255,0.05);border-left:4px solid #ff6b35;padding:25px;border-radius:10px;margin-bottom:25px}
.strategy-item h3{color:#ff6b35;margin-bottom:15px;font-size:1.3rem}
.strategy-item p{color:#ccc;margin-bottom:15px;line-height:1.6}
.recommended-games,.betting-approach,.timing-tips{background:rgba(255,107,53,0.05);border-radius:8px;padding:15px;margin-top:15px}
.recommended-games h4,.betting-approach h4,.timing-tips h4{color:#fff;margin-bottom:10px}
.recommended-games ul,.betting-approach ul,.timing-tips ul{margin-left:20px}
.recommended-games li,.betting-approach li,.timing-tips li{color:#ccc;margin-bottom:5px}
.common-mistakes{margin-top:40px}
.common-mistakes h3{color:#ff6b35;margin-bottom:20px;font-size:1.5rem}
.mistake-list{display:grid;gap:20px}
.mistake-item{background:rgba(220,53,69,0.1);border-left:4px solid #dc3545;padding:20px;border-radius:10px}
.mistake-item h4{color:#dc3545;margin-bottom:10px}
.mistake-item p{color:#ccc;margin:0}
.seasonal-calendar{margin-top:40px}
.seasonal-event{background:rgba(255,255,255,0.05);border:2px solid rgba(255,107,53,0.3);border-radius:15px;padding:30px;margin-bottom:30px}
.seasonal-event h3{color:#ff6b35;margin-bottom:20px;font-size:1.4rem}
.event-bonus{display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:start}
.bonus-offer{font-size:1.3rem;font-weight:700;color:#ffaa44;margin-bottom:15px}
.special-features ul{margin-left:20px}
.special-features li{color:#ccc;margin-bottom:8px}
.event-notifications{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px;margin-top:40px}
.event-notifications h3{color:#ff6b35;margin-bottom:15px}
.event-notifications p{color:#ccc;margin:0}
.comparison-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:40px}
.advantage-factors,.limitation-factors{background:rgba(255,255,255,0.05);border-radius:15px;padding:25px}
.advantage-factors{border-left:4px solid #28a745}
.limitation-factors{border-left:4px solid #dc3545}
.advantage-factors h3{color:#28a745;margin-bottom:20px}
.limitation-factors h3{color:#dc3545;margin-bottom:20px}
.advantage-list,.limitation-list{display:grid;gap:20px}
.advantage-point,.limitation-point{padding:15px;background:rgba(255,255,255,0.02);border-radius:8px}
.advantage-point h4{color:#28a745;margin-bottom:8px}
.limitation-point h4{color:#dc3545;margin-bottom:8px}
.advantage-point p,.limitation-point p{color:#ccc;margin:0;font-size:0.95rem}
.value-assessment{background:rgba(255,107,53,0.1);border-radius:15px;padding:25px;margin-top:30px}
.value-assessment h3{color:#ff6b35;margin-bottom:15px}
.value-assessment p{color:#ccc;margin:0}
.site-footer{background:rgba(10,10,10,0.95);border-top:2px solid #ff6b35;padding:40px 0 20px}
.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.footer-section h3{color:#ff6b35;margin-bottom:20px;font-size:1.2rem}
.footer-section p{color:#ccc;font-size:0.9rem;line-height:1.6}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.payment-icons img,.provider-logos img{opacity:0.8;transition:opacity 0.3s ease;filter:brightness(0.9)}
.payment-icons img:hover,.provider-logos img:hover{opacity:1;filter:brightness(1.1)}
.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.85rem}
@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)}}
@keyframes pulse{0%,100%{transform:scale(1) rotate(0deg);opacity:0.08}50%{transform:scale(1.1) rotate(180deg);opacity:0.15}}
@keyframes bounce{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}
@media (max-width:1080px){
.desktop-nav,.auth-buttons{display:none}
.hamburger-menu{display:flex}
.bonus-hero h1{font-size:2.5rem}
.hero-description{font-size:1.1rem}
.package-tiers{grid-template-columns:1fr;gap:20px}
.contribution-grid{grid-template-columns:1fr}
.promotion-calendar{grid-template-columns:1fr}
.tournament-grid{grid-template-columns:1fr}
.vip-tiers{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.terms-sections{grid-template-columns:1fr}
.comparison-analysis{grid-template-columns:1fr}
.event-bonus{grid-template-columns:1fr}
}
@media (max-width:768px){
.header-container{padding:0 15px}
.bonus-hero{padding:60px 0}
.bonus-hero h1{font-size:2rem}
.content-wrapper{padding:0 15px}
.welcome-package h2,.wagering-requirements h2,.ongoing-promotions h2,.vip-program h2,.bonus-terms h2,.bonus-strategy h2,.seasonal-promotions h2,.bonus-comparison h2{font-size:2rem}
.tier-card{padding:20px}
.summary-stats{grid-template-columns:repeat(2,1fr)}
.footer-content{grid-template-columns:1fr;gap:25px}
.payment-icons,.provider-logos{justify-content:center}
}
@media (max-width:480px){
.bonus-hero h1{font-size:1.7rem}
.hero-description{font-size:1rem}
.bonus-amount{font-size:2rem}
.package-tiers{gap:15px}
.tier-card{padding:15px}
.welcome-package h2,.wagering-requirements h2,.ongoing-promotions h2,.vip-program h2,.bonus-terms h2,.bonus-strategy h2,.seasonal-promotions h2,.bonus-comparison h2{font-size:1.7rem}
.summary-stats{grid-template-columns:1fr}
.vip-tiers{grid-template-columns:1fr}
}
@media (max-width:320px){
.header-container{padding:0 10px}
.content-wrapper{padding:0 10px}
.bonus-hero h1{font-size:1.5rem}
.mobile-menu{width:280px}
.claim-bonus-btn{padding:15px 30px;font-size:1.1rem}
}