:root{font-family:Red Hat Display,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e8fff3;background-color:#062b30;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center;background-color:#062b30;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15),transparent 50%),radial-gradient(circle at 80% 10%,rgba(148,216,189,.25),transparent 60%),url(/assets/festive-data-forest-DaO676QN.svg);background-size:900px,700px,480px;background-repeat:no-repeat,no-repeat,repeat;background-position:center top,right 10% top 5%,center;background-attachment:fixed;background-blend-mode:lighten}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}a{color:inherit}button{font:inherit;cursor:pointer;background:none}#root{min-height:100vh;margin:0 auto}.app{width:min(420px,95vw);background:linear-gradient(165deg,#072724eb,#063f2de0);border:1px solid rgba(210,255,233,.18);border-radius:32px;padding:3.5rem 2.75rem 2.75rem;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 25px 80px #0000008c;position:relative;overflow:hidden}.app:after{content:"";position:absolute;inset:12px;border-radius:28px;border:1px solid rgba(255,255,255,.05);pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 55%);z-index:0}.snow-cap,.snow-hang{position:absolute;pointer-events:none;z-index:1}.snow-cap{top:-62px;left:-12%;width:124%;height:170px;background:radial-gradient(190px 95px at 8% 70%,rgba(255,255,255,.98),transparent 72%),radial-gradient(160px 80px at 30% 42%,rgba(255,255,255,.94),transparent 75%),radial-gradient(210px 120px at 52% 78%,rgba(255,255,255,.98),transparent 80%),radial-gradient(140px 90px at 74% 38%,rgba(255,255,255,.93),transparent 75%),radial-gradient(120px 80px at 92% 60%,rgba(255,255,255,.92),transparent 75%),linear-gradient(186deg,#fffffffa,#fff6);clip-path:path("M 0% 72% C 4% 48% 10% 38% 17% 44% C 26% 54% 30% 28% 38% 34% C 46% 40% 52% 18% 60% 26% C 68% 34% 74% 12% 84% 30% C 92% 46% 96% 24% 100% 36% L 100% 100% L 0% 100% Z");filter:drop-shadow(0 26px 32px rgba(4,48,34,.45));opacity:.97}.snow-cap:after{content:"";position:absolute;top:24px;left:6%;width:88%;height:55px;background:linear-gradient(90deg,#ffffff80,#fff3);clip-path:path("M 0% 60% C 10% 20% 18% 40% 26% 24% C 34% 8% 48% 22% 55% 12% C 70% 0% 78% 30% 88% 12% C 92% 0% 100% 10% 100% 30% L 100% 100% L 0% 100% Z");opacity:.45}.snow-hang{top:-6px;width:120px;height:165px;background:linear-gradient(180deg,#fffffff7,#ffffff2e);clip-path:path("M 20% 0% C 5% 18% 0% 36% 8% 54% C 18% 76% 4% 86% 16% 100% C 34% 87% 44% 92% 58% 100% C 74% 90% 86% 82% 90% 62% C 96% 38% 86% 18% 68% 0% Z");filter:drop-shadow(0 18px 24px rgba(5,32,24,.35));opacity:.95}.snow-hang:after{content:"";position:absolute;bottom:-18px;left:42%;width:32px;height:38px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.95),transparent 70%);clip-path:path("M 20% 0% C 0% 40% 30% 65% 45% 100% C 60% 78% 80% 60% 100% 40% C 90% 10% 65% -10% 50% 5% C 35% 20% 30% -12% 20% 0% Z");opacity:.65}.snow-hang--left{left:-44px;transform:rotate(-6deg)}.snow-hang--right{right:-48px;top:-14px;transform:rotate(8deg) scaleX(-1)}.countdown-display{font-size:clamp(5rem,12vw,7rem);font-weight:700;letter-spacing:.15em;color:#f7fff7;margin-bottom:1.5rem;position:relative;z-index:2;padding:1.75rem 1rem;border-radius:24px;background:#084e348c;border:1px solid rgba(188,255,231,.15);text-shadow:0 6px 18px rgba(4,10,8,.45);font-variant-numeric:tabular-nums}.countdown-display:before{content:"";position:absolute;top:-24px;left:3%;width:88%;height:44px;background:radial-gradient(circle at 12% 60%,rgba(255,255,255,.96) 40%,transparent 75%),radial-gradient(circle at 42% 30%,rgba(255,255,255,.94) 52%,transparent 90%),radial-gradient(circle at 78% 58%,rgba(255,255,255,.92) 45%,transparent 90%),linear-gradient(188deg,#fffffff2,#ffffff40);clip-path:path("M 0% 76% C 5% 50% 12% 40% 20% 52% C 30% 74% 36% 30% 48% 40% C 58% 50% 66% 24% 76% 36% C 88% 50% 92% 30% 100% 48% L 100% 100% L 0% 100% Z");box-shadow:0 14px 20px #06170c57,inset 0 -8px 14px #ffffff73;pointer-events:none;z-index:1;opacity:.96}.countdown-display:after{content:"";position:absolute;bottom:-20px;left:18%;width:66%;height:36px;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.52) 55%,transparent 88%),radial-gradient(circle at 62% 12%,rgba(255,255,255,.38) 50%,transparent 90%),radial-gradient(circle at 80% 34%,rgba(255,255,255,.34) 45%,transparent 85%);clip-path:path("M 0% 35% C 8% 18% 18% 38% 26% 16% C 36% -2% 46% 20% 56% 2% C 66% -10% 78% 15% 86% 4% C 94% -6% 100% 8% 100% 30% L 100% 100% L 0% 100% Z");opacity:.42;filter:blur(1.6px);pointer-events:none;z-index:0}.countdown-progress{width:100%;height:10px;background:linear-gradient(90deg,#a3ffcb,#51e3a4,#a3ffcb);border-radius:999px;margin:0 auto 2.5rem;transform-origin:left center;transform:scaleX(1);transition:transform .25s ease;position:relative;z-index:2;box-shadow:0 8px 16px #0bbd7c4d}.controls{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2}button.primary,button.ghost{width:100%;padding:1.05rem 1.5rem;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;border:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;font-weight:700}button.primary{background:linear-gradient(120deg,#21e07f,#0a9f63);color:#042012;box-shadow:0 15px 30px #16c97459}button.ghost{background:#052c20d9;color:#caffe4;border:1px solid rgba(138,255,205,.45);box-shadow:inset 0 0 0 1px #098e654d}button.primary:hover,button.ghost:hover{transform:translateY(-3px);filter:brightness(1.05)}button.primary:focus-visible,button.ghost:focus-visible{outline:3px solid rgba(197,255,235,.7);outline-offset:3px}button:disabled{opacity:.7;cursor:not-allowed}@media(min-width:640px){.controls{flex-direction:row}button.primary,button.ghost{width:50%}}