@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Inter:wght@400;600;700&display=swap");:root{--digit-width:60px;--digit-height:80px;--font-size-digits:60px;--col-gap:20px;--digit-gap:4px;--font-family-digits:"Oswald","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-labels:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--card-bg-top:linear-gradient(180deg,#ffffff,#f8fafc);--card-bg-bottom:linear-gradient(180deg,#f1f5f9,#e2e8f0);--card-border-color:rgba(15,23,42,0.08);--card-highlight-color:rgba(255,255,255,0.95);--card-shadow-color:rgba(6,182,212,0.12);--text-main:#083344;--text-emboss:rgba(255,255,255,0.85);--label-color:#0891b2;--accent-color:#06b6d4;--divider-color:#cbd5e1;--divider-shadow:rgba(255,255,255,0.95);--card-border-radius:12px;--flip-duration:750ms;--flip-easing:cubic-bezier(0.25,1,0.5,1);--digit-offset-y:-2.2px;--half-gap:0px;--container-bg:rgba(255,255,255,0.45);--container-border:rgba(6,182,212,0.15);--container-shadow:rgba(6,182,212,0.08);--container-inset-shadow:rgba(255,255,255,0.5);--container-overlay:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0) 50%)}.dark,[data-theme=dark]{--card-bg-top:linear-gradient(180deg,#1e293b,#0f172a)!important;--card-bg-bottom:linear-gradient(180deg,#0f172a,#020617)!important;--card-border-color:rgba(255,255,255,0.08)!important;--card-highlight-color:rgba(255,255,255,0.05)!important;--card-shadow-color:rgba(0,0,0,0.5)!important;--text-main:#22d3ee!important;--text-emboss:rgba(0,0,0,0.85)!important;--label-color:#0891b2!important;--accent-color:#00d4ff!important;--divider-color:#334155!important;--divider-shadow:rgba(0,0,0,0.5)!important;--container-bg:rgba(15,23,42,0.45)!important;--container-border:rgba(6,182,212,0.25)!important;--container-shadow:rgba(0,0,0,0.3)!important;--container-inset-shadow:rgba(255,255,255,0.05)!important;--container-overlay:linear-gradient(135deg,rgba(255,255,255,0.04),rgba(255,255,255,0) 50%)!important}.countdown-wrapper{flex-direction:column;align-items:inherit;width:100%;max-width:100%;font-family:var(--font-family-labels)}.countdown-container,.countdown-wrapper{display:flex;justify-content:center;box-sizing:border-box}.countdown-container{align-items:center;gap:var(--col-gap);padding:32px 40px;background:var(--container-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--container-border);border-radius:24px;box-shadow:0 20px 40px -15px var(--container-shadow),0 0 0 1px var(--container-inset-shadow) inset}.countdown-sm{--digit-width:46px!important;--digit-height:62px!important;--font-size-digits:45px!important;--col-gap:13px!important;--digit-gap:2.5px!important;--digit-offset-y:-1.7px!important}.countdown-sm .countdown-container{padding:19px 23px!important;border-radius:15px!important}.countdown-sm .countdown-col{padding-bottom:19px!important}.countdown-sm .countdown-label{font-size:10px!important}.countdown-sm .countdown-colon-dot{width:7px!important;height:7px!important}.countdown-col{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:28px}.countdown-digits{display:flex;gap:var(--digit-gap)}.countdown-colon{display:flex;flex-direction:column;justify-content:center;gap:16px;height:var(--digit-height);padding:0 4px;align-self:flex-start}.countdown-colon-dot{width:8px;height:8px;background:var(--accent-color);border-radius:50%;box-shadow:0 0 8px rgba(6,182,212,.25),inset 0 1px 1px rgba(255,255,255,.4);opacity:.85;animation:pulse-dot 2s ease-in-out infinite}.countdown-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin-right:-.25em;font-size:11px;font-weight:700;letter-spacing:.25em;color:var(--label-color);text-transform:uppercase;text-align:center;white-space:nowrap}.flip-card-container{position:relative;width:var(--digit-width);height:var(--digit-height);perspective:450px;transform-style:preserve-3d;background-color:transparent;user-select:none;border-radius:var(--card-border-radius);box-shadow:0 10px 25px -5px var(--card-shadow-color),0 8px 10px -6px rgba(15,23,42,.04),0 0 0 1px var(--card-border-color)}.card-half{height:50%;overflow:hidden;box-sizing:border-box;transform:rotateX(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-half,.card-half span,.flap-face span{position:absolute;left:0;right:0;color:var(--text-main)}.card-half span,.flap-face span{height:var(--digit-height);line-height:var(--digit-height);text-align:center;font-family:var(--font-family-digits);font-weight:700;font-size:var(--font-size-digits);text-shadow:0 1px 0 var(--text-emboss)}.card-top{top:0;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;background:var(--card-bg-top);box-shadow:inset 0 1px 0 var(--card-highlight-color),inset 1px 0 0 rgba(255,255,255,.5),inset -1px 0 0 rgba(255,255,255,.5)}.card-top span,.flap-front span{top:0;transform:translateY(calc(var(--digit-offset-y) - var(--half-gap)))}.card-bottom{bottom:0;border-radius:0 0 var(--card-border-radius) var(--card-border-radius);background:var(--card-bg-bottom);box-shadow:inset 0 -1px 0 rgba(15,23,42,.05),inset 1px 0 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(255,255,255,.3)}.card-bottom span,.flap-back span{bottom:0;transform:translateY(calc(var(--digit-offset-y) + var(--half-gap)))}.card-flap{position:absolute;top:0;left:0;right:0;height:50%;transform-origin:bottom center;transform-style:preserve-3d;z-index:5;background:transparent}.flap-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-sizing:border-box}.flap-front{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;background:var(--card-bg-top);z-index:2;box-shadow:inset 0 1px 0 var(--card-highlight-color),inset 1px 0 0 rgba(255,255,255,.5),inset -1px 0 0 rgba(255,255,255,.5)}.flap-back{border-radius:0 0 var(--card-border-radius) var(--card-border-radius);background:var(--card-bg-bottom);transform:rotateX(180deg);box-shadow:inset 0 -1px 0 rgba(15,23,42,.05),inset 1px 0 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(255,255,255,.3)}.card-divider{position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--divider-color);box-shadow:0 .5px .5px var(--divider-shadow);z-index:10;transform:translateY(-.5px) translateZ(3px)}.flip-card-container:after,.flip-card-container:before{content:"";position:absolute;top:calc(50% - 4px);width:3px;height:8px;background:var(--divider-color);z-index:12;box-shadow:inset .5px .5px 1px rgba(0,0,0,.15);transform:translateZ(4px)}.flip-card-container:before{left:0;border-radius:0 4px 4px 0}.flip-card-container:after{right:0;border-radius:4px 0 0 4px}.shadow-overlay{background:linear-gradient(180deg,rgba(15,23,42,0) 40%,rgba(15,23,42,.05));opacity:.4}.highlight-overlay,.shadow-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.highlight-overlay{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0) 80%);opacity:.8}.card-flap:after{inset:0;z-index:4;background:rgba(15,23,42,.08);opacity:0;transition:opacity var(--flip-duration) var(--flip-easing);backface-visibility:hidden;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.card-flap:after,.countdown-container:after{content:"";position:absolute;pointer-events:none}.countdown-container:after{top:0;left:0;width:100%;height:100%;background:var(--container-overlay);border-radius:inherit;z-index:20}.animate-flip{animation:flip-down var(--flip-duration) var(--flip-easing) forwards;z-index:8}@keyframes flip-down{0%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}.animate-flip:after{animation:shadow-fade var(--flip-duration) var(--flip-easing) forwards}@keyframes shadow-fade{0%{opacity:0}40%{opacity:.55}to{opacity:0}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.95}}.countdown-completed-wrapper{display:flex;flex-direction:column;align-items:inherit;justify-content:center;padding:0;width:100%;animation:scale-up-fade .8s cubic-bezier(.34,1.56,.64,1) forwards}.countdown-complete-banner{background:linear-gradient(135deg,#ffffff,#f1f5f9);border:1px solid rgba(6,182,212,.15);box-shadow:0 20px 40px rgba(6,182,212,.08),0 0 20px rgba(6,182,212,.03);padding:32px 64px;border-radius:16px;text-align:center;position:relative;overflow:hidden}.dark .countdown-complete-banner,[data-theme=dark] .countdown-complete-banner{background:linear-gradient(135deg,#0f172a,#020617)!important;border-color:rgba(6,182,212,.25)!important;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 20px rgba(6,182,212,.08)!important}.countdown-complete-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.04) 0,transparent 70%);animation:rotate-bg 15s linear infinite}.countdown-complete-title{font-family:var(--font-family-digits);font-weight:700;font-size:32px;letter-spacing:.15em;color:var(--text-main);text-transform:uppercase;margin:0}.countdown-complete-subtitle{font-family:var(--font-family-labels);font-size:13px;letter-spacing:.3em;color:var(--accent-color);text-transform:uppercase;margin-top:10px;margin-bottom:0;opacity:.9;font-weight:700}@keyframes scale-up-fade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate-bg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){:root{--digit-width:48px;--digit-height:64px;--font-size-digits:48px;--col-gap:12px;--digit-gap:3px;--digit-offset-y:-1.8px;--half-gap:0px}.countdown-container{padding:16px}.countdown-colon{gap:12px;padding:0 2px}.countdown-colon-dot{width:8px;height:8px}.countdown-label{margin-top:12px;font-size:10px;letter-spacing:.2em}.countdown-complete-banner{padding:24px 40px}.countdown-complete-title{font-size:24px}.countdown-sm{--digit-width:40px!important;--digit-height:52px!important;--font-size-digits:38px!important;--col-gap:10px!important;--digit-gap:2px!important;--digit-offset-y:-1.4px!important}.countdown-sm .countdown-container{padding:14px 16px!important;border-radius:12px!important}.countdown-sm .countdown-col{padding-bottom:20px!important}.countdown-sm .countdown-label{font-size:8px!important}.countdown-sm .countdown-colon-dot{width:5px!important;height:5px!important}}@media (max-width:480px){:root{--digit-width:32px;--digit-height:44px;--font-size-digits:30px;--col-gap:6px;--digit-gap:1.5px;--card-border-radius:5px;--digit-offset-y:-1.2px;--half-gap:0px}.countdown-container{padding:16px 12px;border-radius:16px;gap:var(--col-gap)}.countdown-colon{gap:6px;padding:0 1px}.countdown-colon-dot{width:4px;height:4px}.countdown-label{margin-top:8px;font-size:8px;letter-spacing:.15em}.countdown-complete-banner{padding:20px 24px;border-radius:12px}.countdown-complete-title{font-size:18px}.countdown-complete-subtitle{font-size:10px;letter-spacing:.2em}.countdown-sm{--digit-width:30px!important;--digit-height:40px!important;--font-size-digits:28px!important;--col-gap:6px!important;--digit-gap:1.2px!important;--card-border-radius:4px!important;--digit-offset-y:-1.0px!important}.countdown-sm .countdown-container{width:100%!important;justify-content:space-evenly!important;padding:14px!important;border-radius:8px!important}.countdown-sm .countdown-col{padding-bottom:16px!important}.countdown-sm .countdown-label{font-size:8.5px!important}.countdown-sm .countdown-colon-dot{width:5px!important;height:5px!important}}@media (max-width:360px){:root{--digit-width:28px;--digit-height:38px;--font-size-digits:26px;--col-gap:5px;--digit-gap:1.2px;--card-border-radius:4px;--digit-offset-y:-1.0px;--half-gap:0px}.countdown-container{padding:12px 8px;border-radius:12px;gap:var(--col-gap)}.countdown-colon{gap:4px;padding:0 1px}.countdown-colon-dot{width:3px;height:3px}.countdown-label{margin-top:6px;font-size:7px;letter-spacing:.1em}.countdown-sm{--digit-width:25px!important;--digit-height:34px!important;--font-size-digits:24px!important;--col-gap:4px!important;--digit-gap:1px!important;--card-border-radius:3px!important;--digit-offset-y:-0.8px!important}.countdown-sm .countdown-container{width:100%!important;justify-content:space-evenly!important;padding:10px!important;border-radius:8px!important}.countdown-sm .countdown-col{padding-bottom:14px!important}.countdown-sm .countdown-label{font-size:7px!important}.countdown-sm .countdown-colon-dot{width:3px!important;height:3px!important}}.showcase-header{margin-bottom:8px}.showcase-title{font-size:36px;font-weight:900;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase;color:#0f172a!important;-webkit-text-fill-color:initial!important;text-shadow:0 1px 2px rgba(0,0,0,.05)}.showcase-subtitle,.showcase-title{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important}.showcase-subtitle{font-size:14px;color:#475569!important;letter-spacing:.05em;margin:0;-webkit-text-fill-color:initial!important}