*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}.new-year-container{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at top,#0f0c29,#0a0612,#000);animation:sceneEnter 2s cubic-bezier(.16,1,.3,1)}@keyframes sceneEnter{0%{opacity:0;filter:blur(20px)}to{opacity:1;filter:blur(0)}}.stars-layer{position:absolute;width:100%;height:100%;top:0;left:0}.stars-layer-1{background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent);background-size:200% 200%;animation:twinkle 4s ease-in-out infinite;opacity:.6}.stars-layer-2{background-image:radial-gradient(1px 1px at 40% 20%,#4FACFE,transparent),radial-gradient(2px 2px at 70% 80%,#FFD700,transparent),radial-gradient(1px 1px at 10% 60%,#FF6B9D,transparent),radial-gradient(1px 1px at 85% 40%,white,transparent);background-size:250% 250%;animation:twinkle 6s ease-in-out infinite reverse;opacity:.5}.stars-layer-3{background-image:radial-gradient(1px 1px at 15% 45%,#C471ED,transparent),radial-gradient(2px 2px at 55% 15%,white,transparent),radial-gradient(1px 1px at 75% 75%,#12C2E9,transparent);background-size:300% 300%;animation:twinkle 8s ease-in-out infinite;opacity:.4}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.content-wrapper{position:relative;z-index:10;padding:2rem;animation:contentRise 2s cubic-bezier(.34,1.56,.64,1) .5s backwards}@keyframes contentRise{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.glass-card{background:#ffffff08;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:30px;border:1px solid rgba(255,255,255,.1);padding:4rem 3rem;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a,0 0 80px #ffd7001a;position:relative;overflow:hidden;max-width:700px}.glass-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmer 8s linear infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.year-reveal{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;perspective:1000px}.digit{font-size:clamp(4rem,12vw,8rem);font-weight:900;background:linear-gradient(135deg,gold,orange,gold);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,215,0,.8)) drop-shadow(0 0 40px rgba(255,165,0,.5)) drop-shadow(0 0 60px rgba(255,215,0,.3));animation:digitAssemble 1.5s cubic-bezier(.34,1.56,.64,1) backwards,goldPulse 3s ease-in-out infinite,gradientSlide 4s linear infinite}.digit-1{animation-delay:.8s,2s,0s}.digit-2{animation-delay:1.1s,2s,.5s}.digit-3{animation-delay:1.4s,2s,1s}.digit-4{animation-delay:1.7s,2s,1.5s}@keyframes digitAssemble{0%{opacity:0;transform:translateY(-100px) rotateX(-90deg) scale(.5);filter:blur(20px)}60%{transform:translateY(10px) rotateX(10deg) scale(1.1)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}@keyframes goldPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,215,0,.8)) drop-shadow(0 0 40px rgba(255,165,0,.5))}50%{filter:drop-shadow(0 0 30px rgba(255,215,0,1)) drop-shadow(0 0 60px rgba(255,165,0,.8)) drop-shadow(0 0 80px rgba(255,215,0,.4))}}@keyframes gradientSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.main-heading{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;text-align:center;margin:1.5rem 0;letter-spacing:2px;background:linear-gradient(90deg,#fff,#f0f0f0,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 3s linear infinite,fadeInUp 1.5s ease-out 2s backwards;text-shadow:0 0 40px rgba(255,255,255,.2)}.sparkle{display:inline-block;animation:sparkleRotate 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}@keyframes sparkleRotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.2)}75%{transform:rotate(15deg) scale(1.2)}}@keyframes textShine{to{background-position:200% center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tagline{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:300;text-align:center;letter-spacing:3px;margin:1rem 0 2rem;background:linear-gradient(90deg,#4facfe,#00f2fe,#4facfe);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:neonGlow 2s ease-in-out infinite,fadeInUp 1.5s ease-out 2.3s backwards}@keyframes neonGlow{0%,to{filter:drop-shadow(0 0 10px rgba(79,172,254,.5));background-position:0% center}50%{filter:drop-shadow(0 0 20px rgba(0,242,254,.8));background-position:200% center}}.quote-section{margin:2.5rem 0;padding:1.5rem 2rem;border-left:3px solid rgba(255,215,0,.5);border-radius:8px;background:#ffffff05;animation:fadeInUp 1.5s ease-out 2.6s backwards}.quote-text{font-size:clamp(.95rem,2vw,1.15rem);font-style:italic;font-weight:300;color:#ffffffd9;text-align:center;line-height:1.6;letter-spacing:.5px;margin:0}.cta-button{position:relative;display:block;margin:2.5rem auto 0;padding:1.2rem 3rem;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;letter-spacing:1px;border:none;border-radius:50px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;color:#fff;box-shadow:0 10px 40px #667eea66,0 0 0 1px #ffffff1a inset;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:fadeInUp 1.5s ease-out 2.9s backwards,buttonPulse 3s ease-in-out infinite}.button-text{position:relative;z-index:2}.button-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover .button-ripple{width:300px;height:300px}.cta-button:hover{transform:translateY(-5px) scale(1.05);background-position:100% 50%;box-shadow:0 15px 60px #667eea99,0 0 0 1px #fff3 inset}.cta-button:active{transform:translateY(-2px) scale(1.02)}@keyframes buttonPulse{0%,to{box-shadow:0 10px 40px #667eea66,0 0 0 1px #ffffff1a inset}50%{box-shadow:0 15px 60px #667eea99,0 0 0 1px #fff3 inset}}.accent-line{width:60%;height:2px;margin:3rem auto 0;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.6) 50%,transparent 100%);animation:fadeIn 1.5s ease-out 3.2s backwards,lineGlow 3s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.5;box-shadow:0 0 10px #ffd7004d}50%{opacity:1;box-shadow:0 0 20px #ffd70099}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.firework-layer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.firework{position:absolute;width:8px;height:8px;border-radius:50%;animation:fireworkBurst 3s ease-out infinite}.firework-1{top:15%;left:15%;background:radial-gradient(circle,#FFD700,transparent);box-shadow:0 0 40px 15px gold,0 0 80px 30px #ffd70066;animation-delay:0s}.firework-2{top:25%;right:20%;background:radial-gradient(circle,#FF6B9D,transparent);box-shadow:0 0 40px 15px #ff6b9d,0 0 80px 30px #ff6b9d66;animation-delay:1.2s}.firework-3{bottom:30%;left:25%;background:radial-gradient(circle,#4FACFE,transparent);box-shadow:0 0 40px 15px #4facfe,0 0 80px 30px #4facfe66;animation-delay:2.4s}.firework-4{top:60%;right:15%;background:radial-gradient(circle,#C471ED,transparent);box-shadow:0 0 40px 15px #c471ed,0 0 80px 30px #c471ed66;animation-delay:.8s}.firework-5{top:40%;left:50%;background:radial-gradient(circle,#12C2E9,transparent);box-shadow:0 0 40px 15px #12c2e9,0 0 80px 30px #12c2e966;animation-delay:1.8s}.firework-6{bottom:20%;right:40%;background:radial-gradient(circle,#F093FB,transparent);box-shadow:0 0 40px 15px #f093fb,0 0 80px 30px #f093fb66;animation-delay:2.8s}@keyframes fireworkBurst{0%{transform:scale(0) rotate(0);opacity:0}10%{opacity:1}50%{transform:scale(15) rotate(180deg);opacity:.8}to{transform:scale(30) rotate(360deg);opacity:0}}.firework:before,.firework:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:inherit}.firework:before{animation:fireworkParticle1 3s ease-out infinite;animation-delay:inherit}.firework:after{animation:fireworkParticle2 3s ease-out infinite;animation-delay:inherit}@keyframes fireworkParticle1{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120px,-80px) scale(0);opacity:0}}@keyframes fireworkParticle2{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-100px,90px) scale(0);opacity:0}}.confetti-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-20px;opacity:.9;animation:confettiDance linear infinite}.confetti:nth-child(3n){width:8px;height:14px;border-radius:2px}.confetti:nth-child(3n+1){width:12px;height:6px;border-radius:50%}.confetti:nth-child(3n+2){width:6px;height:12px;clip-path:polygon(50% 0%,0% 100%,100% 100%)}@keyframes confettiDance{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(110vh) translate(calc(50px * var(--drift, 1))) rotate(720deg);opacity:.3}}.confetti:nth-child(odd){--drift: 1}.confetti:nth-child(2n){--drift: -1}.particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fffc,#ffd7004d);box-shadow:0 0 10px #ffd70099;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(calc(30px*sin(var(--time, 1))));opacity:0}}.light-rays{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ray{position:absolute;width:2px;height:100%;top:0;background:linear-gradient(180deg,transparent 0%,rgba(255,215,0,.1) 50%,transparent 100%);transform-origin:top center;animation:rayRotate 20s linear infinite;opacity:.3}.ray-1{left:30%;animation-delay:0s;background:linear-gradient(180deg,transparent 0%,rgba(255,215,0,.15) 50%,transparent 100%)}.ray-2{left:50%;animation-delay:-7s;background:linear-gradient(180deg,transparent 0%,rgba(79,172,254,.1) 50%,transparent 100%)}.ray-3{left:70%;animation-delay:-14s;background:linear-gradient(180deg,transparent 0%,rgba(196,113,237,.1) 50%,transparent 100%)}@keyframes rayRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.glass-card{padding:3rem 2rem;border-radius:20px}.year-reveal{gap:.5rem}.quote-section{padding:1rem 1.5rem;margin:2rem 0}.cta-button{padding:1rem 2.5rem}.accent-line{width:80%}.firework{width:5px;height:5px}.confetti:nth-child(n+21){display:none}.particle:nth-child(n+16){display:none}.ray{opacity:.15}}@media(max-width:480px){.glass-card{padding:2rem 1.5rem}.year-reveal{gap:.3rem}.main-heading{letter-spacing:1px}.tagline{letter-spacing:2px}.quote-text{font-size:.9rem}.cta-button{padding:.9rem 2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.glass-card{border:2px solid rgba(255,255,255,.4)}.main-heading,.tagline,.digit{-webkit-text-fill-color:white}}