.countdown{--countdown-navy: #061236;--countdown-blue: #3d85c6;--countdown-red: #e63946;--countdown-red-soft: rgba(230, 57, 70, .14);--countdown-border: rgba(6, 18, 54, .14);position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:clamp(6px,1.5vw,10px);width:100%;max-width:480px;box-sizing:border-box;padding:clamp(12px,3vw,18px) clamp(14px,3.5vw,20px);border-radius:10px;background:#fff;border:1px solid var(--countdown-border);box-shadow:1px 2px 8px #0612362e;overflow:hidden;animation:countdown-pulse 3s ease-in-out infinite}.countdown:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--countdown-blue),var(--countdown-navy))}.countdown__label{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(11px,2.6vw,13px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--countdown-navy);text-align:center}.countdown__board{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(4px,1.5vw,8px);width:100%}.countdown__unit-wrap{display:flex;align-items:center;gap:clamp(4px,1.5vw,8px)}.countdown__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:clamp(52px,16vw,76px);padding:clamp(6px,2vw,10px) clamp(4px,1.5vw,8px);background:var(--countdown-red-soft);border:1px solid rgba(230,57,70,.25);border-radius:6px}.countdown__value{font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(22px,7vw,38px);font-weight:800;line-height:1.1;color:var(--countdown-red);font-variant-numeric:tabular-nums}.countdown__unit-text{margin-top:2px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(9px,2.2vw,11px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--countdown-navy)}.countdown__separator{font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(18px,6vw,30px);font-weight:700;color:var(--countdown-navy);animation:countdown-blink 1s steps(1) infinite}.countdown--expired{background:var(--countdown-red-soft);border:1px solid rgba(230,57,70,.35)}.countdown--expired:before{background:var(--countdown-red)}.countdown__expired-text{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(13px,3vw,16px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--countdown-red)}@keyframes countdown-pulse{0%,to{box-shadow:1px 2px 8px #0612362e}50%{box-shadow:1px 2px 14px #e639464d}}@keyframes countdown-blink{50%{opacity:.25}}@media (max-width: 360px){.countdown{padding:12px}.countdown__board,.countdown__unit-wrap{gap:3px}.countdown__tile{min-width:46px;padding:5px 3px}}.countdown--compact{width:auto;max-width:none;padding:6px 8px;gap:4px;border-radius:8px;animation:none}.countdown--compact:before{display:none}.countdown--compact .countdown__label{font-size:9px;letter-spacing:.08em}.countdown--compact .countdown__board{gap:3px}.countdown--compact .countdown__unit-wrap{gap:2px}.countdown--compact .countdown__tile{min-width:30px;padding:3px 2px;border-radius:4px}.countdown--compact .countdown__value{font-size:clamp(12px,4vw,16px)}.countdown--compact .countdown__unit-text{font-size:7px;margin-top:1px}.countdown--compact .countdown__separator{font-size:clamp(10px,3vw,14px)}.countdown--compact.countdown--expired .countdown__expired-text{font-size:11px}@media (prefers-reduced-motion: reduce){.countdown,.countdown__separator{animation:none}}