*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark}body{min-height:100dvh}.page{max-width:80ch;margin-inline:auto;padding:2rem}.scene{--sky-top: #05060f;--sky-mid: #0c1030;--sky-bottom: #241247;--gold: #ffd86b;--gold-deep: #f5a623;--neon-pink: #ff3d81;--neon-cyan: #35e6ff;--ink: #fef6d8;position:relative;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;color:var(--ink);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 45%,var(--sky-bottom) 100%);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}.sky{position:absolute;inset:0;pointer-events:none}.star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px #fffc;animation:twinkle linear infinite}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.cityglow{position:absolute;left:0;right:0;bottom:0;height:42%;pointer-events:none;background:radial-gradient(120% 100% at 50% 100%,rgba(255,138,61,.35) 0%,rgba(139,92,255,.18) 40%,transparent 70%)}.skyline{position:absolute;left:0;right:0;bottom:0;height:30%;display:flex;align-items:flex-end;justify-content:center;gap:.4%;padding-inline:1%;pointer-events:none}.building{position:relative;background:#05030f;border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:0 0 18px #0009;background-image:linear-gradient(#05030f,#05030f),repeating-linear-gradient(90deg,transparent 0 4px,rgba(255,214,107,.9) 4px 7px,transparent 7px 11px),repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,214,107,.55) 6px 10px,transparent 10px 16px);background-blend-mode:normal,screen,multiply}.building:nth-child(2n){background-image:linear-gradient(#070417,#070417),repeating-linear-gradient(90deg,transparent 0 5px,rgba(53,230,255,.7) 5px 8px,transparent 8px 13px),repeating-linear-gradient(0deg,transparent 0 7px,rgba(53,230,255,.4) 7px 11px,transparent 11px 18px);background-blend-mode:normal,screen,multiply}.billboard{position:absolute;bottom:62%;padding:.35rem .7rem;border-radius:6px;font-weight:800;font-size:clamp(.7rem,2.4vw,1.1rem);letter-spacing:.12em;animation:billboard-flicker 4s ease-in-out infinite}.billboard--a{left:8%;color:#fff;background:linear-gradient(135deg,var(--neon-pink),#ff8f3d);box-shadow:0 0 20px #ff3d81bf;transform:rotate(-4deg)}.billboard--b{right:8%;color:#04121a;background:linear-gradient(135deg,var(--neon-cyan),#7cff6b);box-shadow:0 0 20px #35e6ffbf;transform:rotate(4deg);animation-delay:1.3s}@keyframes billboard-flicker{0%,to{opacity:1}48%{opacity:1}50%{opacity:.72}52%{opacity:1}}.stage{position:relative;width:100%;height:clamp(300px,44vh,460px);flex:none}.pole{position:absolute;top:2%;left:50%;transform:translate(-50%);width:5px;height:60%;border-radius:3px;background:linear-gradient(90deg,#3a3f52,#9aa3bd,#3a3f52);box-shadow:0 0 8px #0009}.yearsign{position:absolute;top:1%;left:50%;transform:translate(-50%);font-weight:800;font-size:clamp(.75rem,2vw,1rem);letter-spacing:.18em;color:var(--gold);text-shadow:0 0 12px rgba(255,216,107,.9);opacity:.85}.ball{position:absolute;left:50%;top:6%;width:clamp(120px,27vw,200px);aspect-ratio:1;transform:translate(-50%,calc(var(--drop, 0) * var(--fall)));--fall: min(38vh, 340px);will-change:transform}.ball--dropping{transition:transform .25s linear}.ball--landed{--drop: 1;animation:ball-pulse 1.4s ease-in-out infinite}.ball__glass,.ball__facets,.ball__shine{position:absolute;inset:0;border-radius:50%}.ball__glass{background:radial-gradient(circle at 34% 30%,#fff7dd 0%,var(--gold) 26%,var(--gold-deep) 62%,#9a5a00 100%);box-shadow:0 0 30px 6px #ffd86bbf,0 0 70px 18px #f5a62373,inset 0 0 24px #ffffff59;animation:ball-shimmer 2.4s ease-in-out infinite}.ball__facets{background:repeating-conic-gradient(from 0deg,#ffffff47 0deg 12deg,#fff0 12deg 24deg);mix-blend-mode:screen;opacity:.7;animation:facet-spin 9s linear infinite}.ball__shine{background:radial-gradient(circle at 32% 26%,#fffffff2,#fff0 24%)}@keyframes ball-shimmer{0%,to{box-shadow:0 0 30px 6px #ffd86bb3,0 0 70px 18px #f5a62366,inset 0 0 24px #ffffff59}50%{box-shadow:0 0 44px 10px #ffd86bf2,0 0 110px 30px #f5a62399,inset 0 0 30px #ffffff8c}}@keyframes facet-spin{to{transform:rotate(360deg)}}@keyframes ball-pulse{0%,to{transform:translate(-50%,var(--fall)) scale(1)}50%{transform:translate(-50%,var(--fall)) scale(1.05)}}.hud{position:relative;z-index:2;margin-top:auto;padding:1rem 1.25rem clamp(2.5rem,8vh,5rem);width:100%;max-width:640px;text-align:center}.headline{font-size:clamp(1.5rem,6vw,2.6rem);font-weight:800;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 18px rgba(255,216,107,.35)}.headline__year{display:block;font-size:clamp(2.6rem,13vw,5rem);background:linear-gradient(180deg,#fff7dd,var(--gold),var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,216,107,.55))}.headline--party{animation:party-bounce .9s ease-in-out infinite alternate}.headline--party .headline__year{background:linear-gradient(90deg,var(--neon-pink),var(--gold),var(--neon-cyan));-webkit-background-clip:text;background-clip:text}@keyframes party-bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-6px) scale(1.03)}}.countdown{display:flex;justify-content:center;gap:clamp(.4rem,2vw,.9rem);margin:1.25rem 0 .75rem}.unit{display:flex;flex-direction:column;align-items:center;min-width:clamp(56px,18vw,84px);padding:.6rem .4rem .5rem;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,216,107,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff14}.unit__value{font-size:clamp(1.6rem,7vw,2.6rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--gold);text-shadow:0 0 14px rgba(255,216,107,.6)}.unit__label{margin-top:.35rem;font-size:clamp(.6rem,2.6vw,.75rem);letter-spacing:.16em;text-transform:uppercase;color:#fef6d8b3}.tagline{margin-top:.5rem;font-size:clamp(.85rem,3.4vw,1.05rem);color:#fef6d8d9}.confetti{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}.confetti__piece{position:absolute;top:-6vh;border-radius:2px;opacity:.95;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}.confetti__piece--round{border-radius:50%}@keyframes confetti-fall{0%{transform:translate3d(0,-10vh,0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate3d(var(--drift, 0),110vh,0) rotate(var(--spin, 540deg));opacity:1}}.scene--celebrate{animation:scene-flash 1.2s ease-out}@keyframes scene-flash{0%{filter:brightness(2.4) saturate(1.4)}to{filter:brightness(1) saturate(1)}}@media(max-width:420px){.billboard{bottom:70%}}@media(prefers-reduced-motion:reduce){.star,.billboard,.ball__glass,.ball__facets,.ball--landed,.headline--party,.scene--celebrate,.confetti__piece{animation:none}.ball--dropping{transition:none}}