.countdown-timer{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.time-unit{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#ff6b35 0,#f7931e 100%);color:#fff;border-radius:12px;padding:1.5rem 1rem;min-width:80px;box-shadow:0 4px 20px rgba(255,107,53,.3);transition:.3s;position:relative;overflow:hidden}.time-unit::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.time-unit:hover::before{left:100%}.time-unit:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(255,107,53,.4)}.time-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.time-label{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.9}@keyframes countdown-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.time-unit.pulse{animation:.6s ease-in-out countdown-pulse}.countdown-timer.urgent .time-unit{background:linear-gradient(135deg,#dc3545 0,#c82333 100%);animation:1s ease-in-out infinite countdown-urgent}.countdown-timer.critical .time-unit{background:linear-gradient(135deg,#fd7e14 0,#e8650e 100%);animation:.5s ease-in-out infinite countdown-critical}@keyframes countdown-urgent{0%,100%{box-shadow:0 4px 20px rgba(220,53,69,.3)}50%{box-shadow:0 8px 30px rgba(220,53,69,.5)}}@keyframes countdown-critical{0%,100%{box-shadow:0 4px 20px rgba(253,126,20,.4);transform:scale(1)}50%{box-shadow:0 8px 35px rgba(253,126,20,.6);transform:scale(1.02)}}.countdown-timer.finished .time-unit{background:linear-gradient(135deg,#28a745 0,#20c997 100%);animation:2s ease-in-out countdown-success}@keyframes countdown-success{0%,100%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.08)}}.countdown-message{text-align:center;margin-top:1rem;font-weight:500;color:#6c757d;transition:.3s}.countdown-message.urgent{color:#dc3545;font-weight:600}.countdown-message.critical{color:#fd7e14;font-weight:700;animation:1s ease-in-out infinite text-pulse}.countdown-message.finished{color:#28a745;font-weight:700;font-size:1.1rem}@keyframes text-pulse{0%,100%{opacity:1}50%{opacity:.7}}@media (max-width:767.98px){.countdown-timer{gap:1rem}.time-unit{min-width:70px;padding:1.2rem .8rem}.time-value{font-size:2rem}.time-label{font-size:.8rem}}@media (max-width:575.98px){.countdown-timer{gap:.8rem}.time-unit{min-width:60px;padding:1rem .6rem}.time-value{font-size:1.8rem}.time-label{font-size:.75rem}}.countdown-sparkle{position:relative}.countdown-sparkle::after{content:'✨';position:absolute;top:-10px;right:-10px;font-size:1.2rem;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,100%{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.countdown-celebration{background:linear-gradient(45deg,#ff6b35,#f7931e,#ff6b35,#f7931e);background-size:400% 400%;animation:2s infinite countdown-celebration}@keyframes countdown-celebration{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.countdown-celebration,.countdown-message.critical,.countdown-sparkle::after,.countdown-timer.critical .time-unit,.countdown-timer.finished .time-unit,.countdown-timer.urgent .time-unit,.time-unit{animation:none!important}.time-unit:hover{transform:none}}@media (prefers-contrast:high){.time-unit{border:2px solid #000;background:#fff!important;color:#000!important}.time-label,.time-value{text-shadow:none}}