.countdown-widget{--cd-unit-bg:hsla(0,0%,100%,.08);--cd-unit-border:hsla(0,0%,100%,.18);--cd-unit-shadow:0 8px 32px rgba(0,0,0,.25);--cd-accent:#e98c0b;--cd-text:#fff;--cd-label:hsla(0,0%,100%,.7)}.countdown-widget .cd-frame{display:inline-block;padding:.85rem;border-radius:1.25rem;background:linear-gradient(135deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(0,0,0,.32),inset 0 1px 0 hsla(0,0%,100%,.08)}@media (min-width:640px){.countdown-widget .cd-frame{padding:1rem;border-radius:1.5rem}}.countdown-widget .cd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:min(20rem,80vw)}@media (min-width:640px){.countdown-widget .cd-grid{gap:.65rem;width:28rem}}.countdown-widget .cd-unit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;padding:.4rem .25rem;border-radius:.75rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);overflow:hidden;opacity:0;transform:translateY(8px);animation:cd-stagger-in .6s cubic-bezier(.22,1,.36,1) forwards}@media (min-width:640px){.countdown-widget .cd-unit{border-radius:.9rem}}.countdown-widget .cd-unit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(233,140,11,.08),transparent 70%);pointer-events:none}.countdown-widget .cd-unit:first-child{animation-delay:.05s}.countdown-widget .cd-unit:nth-child(2){animation-delay:.15s}.countdown-widget .cd-unit:nth-child(3){animation-delay:.25s}.countdown-widget .cd-unit:nth-child(4){animation-delay:.35s}.countdown-widget .cd-value{position:relative;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:700;font-size:1.85rem;line-height:1;color:var(--cd-text);letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.3);min-height:1em}@media (min-width:640px){.countdown-widget .cd-value{font-size:2.4rem}}@media (min-width:1024px){.countdown-widget .cd-value{font-size:2.75rem}}.countdown-widget .cd-value>span{display:inline-block;animation:cd-tick .45s cubic-bezier(.22,1,.36,1)}.countdown-widget .cd-label{margin-top:.35rem;font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cd-label)}@media (min-width:640px){.countdown-widget .cd-label{font-size:.68rem;letter-spacing:.22em}}.countdown-widget .cd-title{font-size:.7rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--cd-accent);margin-bottom:.85rem;text-shadow:0 1px 8px rgba(0,0,0,.4);opacity:0;animation:cd-fade-in .6s cubic-bezier(.22,1,.36,1) 0s forwards}@media (min-width:640px){.countdown-widget .cd-title{font-size:.78rem;margin-bottom:1rem}}.countdown-widget .cd-subtitle{margin-top:.9rem;font-size:.8rem;color:hsla(0,0%,100%,.78);text-shadow:0 1px 8px rgba(0,0,0,.35);opacity:0;animation:cd-fade-in .6s cubic-bezier(.22,1,.36,1) .45s forwards}@media (min-width:640px){.countdown-widget .cd-subtitle{font-size:.875rem;margin-top:1.1rem}}.countdown-widget .cd-ended{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:9999px;background:linear-gradient(135deg,rgba(233,140,11,.95),rgba(140,26,26,.95));color:#fff;font-weight:600;font-size:.875rem;letter-spacing:.02em;box-shadow:0 8px 28px rgba(140,26,26,.35);animation:cd-fade-in .6s cubic-bezier(.22,1,.36,1) forwards}.countdown-widget .cd-ended:before{content:"";width:.5rem;height:.5rem;border-radius:9999px;background:#fff;box-shadow:0 0 0 0 hsla(0,0%,100%,.7);animation:cd-pulse 1.6s ease-out infinite}@keyframes cd-stagger-in{to{opacity:1;transform:translateY(0)}}@keyframes cd-fade-in{to{opacity:1}}@keyframes cd-tick{0%{opacity:0;transform:translateY(-30%)}to{opacity:1;transform:translateY(0)}}@keyframes cd-pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.55)}to{box-shadow:0 0 0 8px hsla(0,0%,100%,0)}}@media (prefers-reduced-motion:reduce){.countdown-widget .cd-ended,.countdown-widget .cd-subtitle,.countdown-widget .cd-title,.countdown-widget .cd-unit{animation:none;opacity:1;transform:none}.countdown-widget .cd-ended:before,.countdown-widget .cd-value>span{animation:none}}