.zn-countdown-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 30px;max-width:420px;margin:20px auto;background:#ffffff0d;border-radius:16px;box-shadow:0 0 10px rgb(0 0 0 / 18%);position:relative}.zn-countdown-timer{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.zn-countdown-timer::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#00d4ff 0%,#7b2ff7 100%);animation:hexagonPulse 3s ease-in-out infinite;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:45%}@keyframes hexagonPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.zn-countdown-timer::after{content:'';position:absolute;width:90%;height:90%;background:#16213e;z-index:1;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:42%}.zn-countdown-number{position:relative;z-index:2;font-size:80px;font-weight:900;color:#00fff6eb;text-shadow:0 0 20px rgb(0 212 255 / .8);font-family:'Arial Black',sans-serif;animation:numberGlow 2s ease-in-out infinite}@keyframes numberGlow{0%,100%{text-shadow:0 0 20px rgb(0 212 255 / .8)}50%{text-shadow:0 0 30px rgb(0 212 255),0 0 40px rgb(123 47 247 / .6)}}.zn-play-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 40px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#00d4ff 0%,#7b2ff7 100%);border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 212 255 / .4);text-transform:uppercase;letter-spacing:2px;font-family:Arial,sans-serif;position:relative;overflow:hidden;margin:30px 0}.zn-play-button::before{content:'';width:0;height:0;border-style:solid;border-width:8px 0 8px 14px;border-color:#fff0 #fff0 #fff0 #fff;transition:all 0.3s ease;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3))}.zn-play-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 212 255 / .6);background:linear-gradient(135deg,#00e5ff 0%,#8b3fff 100%)}.zn-play-button:hover::before{border-width:10px 0 10px 16px}.zn-play-button:active{transform:translateY(0);box-shadow:0 2px 10px rgb(0 212 255 / .4)}.zn-play-button::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s ease}.zn-play-button:hover::after{left:100%}.zn-play-button:focus{outline:3px solid #00d4ff;outline-offset:3px}@media (max-width:768px){.zn-countdown-wrapper{padding:40px 25px;max-width:100%}.zn-countdown-timer{width:170px;height:170px}.zn-countdown-number{font-size:64px}.zn-play-button{padding:14px 35px;font-size:16px}}@media (max-width:480px){.zn-countdown-wrapper{padding:35px 20px}.zn-countdown-timer{width:150px;height:150px}.zn-countdown-number{font-size:56px}.zn-play-button{padding:12px 30px;font-size:15px;letter-spacing:1.5px}.zn-play-button::before{border-width:7px 0 7px 12px}}*/ @media (prefers-reduced-motion:reduce){.zn-countdown-timer::before,.zn-countdown-number{animation:none!important}.zn-play-button::after{transition:none!important}}}