#dnh-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9999;backdrop-filter:blur(5px)}#dnh-popup-content{position:absolute;background:#fff;padding:20px;border-radius:10px;max-width:90%;width:400px;box-shadow:0 4px 6px rgba(0,0,0,.1)}#dnh-popup-content.light-mode{background:#fff;color:#333}#dnh-popup-content.dark-mode{background:#333;color:#fff}#popup-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;color:#999}#popup-timer{position:absolute;top:10px;right:40px;font-size:14px;color:#999}.popup-header h3{margin-top:0}.popup-body img{max-width:100%;height:auto}.popup-footer{margin-top:20px;text-align:center}#popup-link{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px}#event-countdown{margin-top:10px;font-size:14px;color:#999}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideLeft{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes zoomIn{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{from{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes flip{from{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes rotate{from{transform:rotate(0deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.animation-fade{animation:fadeIn 0.5s ease-out}.animation-slide-up{animation:slideUp 0.5s ease-out}.animation-slide-down{animation:slideDown 0.5s ease-out}.animation-slide-left{animation:slideLeft 0.5s ease-out}.animation-slide-right{animation:slideRight 0.5s ease-out}.animation-zoom-in{animation:zoomIn 0.5s ease-out}.animation-zoom-out{animation:zoomOut 0.5s ease-out}.animation-flip{animation:flip 0.5s ease-out}.animation-rotate{animation:rotate 0.5s ease-out}.animation-bounce{animation:bounce 0.5s ease-out}@media (max-width:600px){#dnh-popup-content{width:90%;padding:15px}}