.countdown-timer{display:flex;justify-content:center;align-items:center;margin:1rem 0}.countdown-display{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:45px}.countdown-number{font-size:1.875rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:var(--font-maas-black),system-ui,sans-serif}.countdown-label,.countdown-number{line-height:1;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.countdown-label{font-size:.75rem;font-weight:500;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.5px}.countdown-separator{font-size:1.625rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0 .25rem;line-height:1;font-family:var(--font-maas-black),system-ui,sans-serif;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.countdown-completed{text-align:center;margin:2rem 0}.countdown-message{font-size:1.5rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);padding:1rem 2rem;border-radius:12px;border:2px solid hsla(0,0%,100%,.3);text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 8px 32px rgba(231,76,60,.3);-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}@media (max-width:640px){.countdown-display{gap:.5rem;padding:1rem 1.5rem;margin:0 1rem}.countdown-unit{min-width:45px;gap:.25rem}.countdown-number{font-size:1.875rem;text-shadow:none}.countdown-label{font-size:.75rem}.countdown-separator{font-size:1.625rem;margin:0 .25rem;text-shadow:none}.countdown-message{font-size:1.125rem;padding:.875rem 1.5rem;margin:0 1rem}}@media (max-width:480px){.countdown-display{gap:.25rem;padding:.75rem .875rem}.countdown-unit{min-width:32px}.countdown-number{font-size:1.25rem;text-shadow:none}.countdown-label{font-size:.5625rem}.countdown-separator{font-size:1.125rem;margin:0 .1rem;text-shadow:none}}@media (max-width:360px){.countdown-display{gap:.15rem;padding:.625rem .75rem;max-width:100%;overflow:hidden}.countdown-unit{min-width:28px;flex-shrink:0}.countdown-number{font-size:1.125rem;text-shadow:none}.countdown-label{font-size:.5rem;white-space:nowrap}.countdown-separator{font-size:1rem;margin:0 .05rem;text-shadow:none}}.countdown-display:hover{transform:translateY(-2px);transition:all .3s ease}.countdown-timer.urgent .countdown-number{color:#ff6b6b;animation:countdownUrgent .5s ease-in-out infinite alternate}@keyframes countdownUrgent{0%{transform:scale(1);text-shadow:0 2px 4px rgba(0,0,0,.3)}to{transform:scale(1.1);text-shadow:0 4px 8px hsla(0,100%,71%,.5)}}