.bonus-popup{position:fixed;bottom:20px;left:20px;background:#007abc;border-radius:11px;padding:11px 7px 11px 7px;box-shadow:0 15px 35px rgba(0,0,0,0.2);transform:translateX(-120%);opacity:0;transition:all .5s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:1005;max-width:200px;color:white;border:2px solid rgba(255,255,255,0.3)}
.bonus-popup.show{transform:translateX(0);opacity:1;text-align:center}
.bonus-popup.hide{transform:translateX(-120%);opacity:0}
.popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.gift-icon{width:40px;height:40px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;backdrop-filter:blur(10px)}
.bonus-popup .closeBtn{position:absolute;top:9px;right:0;border:0;color:white;width:30px;height:30px;cursor:pointer;display:flex;font-size:18px;background:transparent}
.bonus-popup .amount{font-size:2rem;font-weight:bold;padding:6px;margin:7px 0;text-shadow:2px 2px 4px rgba(0,0,0,0.2);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sup-star{color:#fff;font-weight:700;font-size:20px;-webkit-text-fill-color:white}
.bonus-popup .bonus-text{font-size:18px;opacity:.9;margin-bottom:15px;font-weight:500;color:yellow}
.know-more-btn{background:#a4ce48;text-decoration:none !important;color:white !important;border:0;padding:7px 14px;border-radius:25px;font-weight:bold;cursor:pointer;width:100%;transition:all .3s ease;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(255,107,107,0.4);margin-bottom:0}
#bonusPopup{display:none;transition:all .3s ease}
#bonusPopup.show{display:block;opacity:1}
#bonusPopup.hide{display:none;opacity:0}
@keyframes pulse{0,100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
.gift-icon{animation:pulse 2s infinite}
@media(max-width:768px){.bonus-popup{left:15px;bottom:15px;max-width:250px;padding:18px}
.bonus-popup .amount{font-size:1.6rem}
.gift-icon{width:35px;height:35px;font-size:16px}
.bonus-popup .closeBtn{width:28px;height:28px;font-size:16px}
.know-more-btn{padding:10px 20px;font-size:.8rem}
.content h1{font-size:2rem}
.content p{font-size:1rem}
.section{padding:2rem;margin:2rem 0}
}
@media(max-width:480px){.bonus-popup{left:10px;bottom:10px;max-width:150px;padding:5px}
.bonus-popup .popup-header{margin-bottom:5px}
.amount{font-size:1.4rem}
.bonus-popup .bonus-text{width:140px;font-size:12px;line-height:14px;margin-bottom:12px}
.know-more-btn{padding:3px 20px;font-size:10px}
.bonus-popup .closeBtn{top:4px;right:-7px;background:0;backdrop-filter:none}
}
@media only screen and (max-device-width:430px) and (orientation:portrait){.bonus-popup .bonus-text{width:140px;font-size:12px;line-height:14px;margin-bottom:12px}
}
.scroll-indicator{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);color:#666;text-align:center;opacity:.7;animation:bounce 2s infinite}
@keyframes bounce{0,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}
40%{transform:translateX(-50%) translateY(-10px)}
60%{transform:translateX(-50%) translateY(-5px)}
}