@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@300;500;700&display=swap";:root{color-scheme:dark;font-family:Unbounded,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at top,#2a1f6b,#120a2c 55%,#07040f);color:#f8f6ff;overflow-x:hidden}#root{min-height:100vh}.page{min-height:100vh;padding:3.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:3rem;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.page.is-celebrating .firework{animation-duration:8s}.page.is-celebrating .firework__ring{animation-duration:3s;box-shadow:0 0 30px #fff6}.page.is-celebrating .confetti__piece{animation-duration:7s;opacity:.9}.page:not(.is-celebrating) .firework,.page:not(.is-celebrating) .confetti__piece{opacity:.2;animation-play-state:paused}.page:not(.is-celebrating) .firework__ring,.page:not(.is-celebrating) .firework__spark,.page:not(.is-celebrating) .firework__trail{opacity:.15}.glow{position:absolute;inset:-30% 0 auto;height:60vh;background:radial-gradient(circle at center,rgba(255,200,120,.35),transparent 70%);filter:blur(10px);z-index:0}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(139,255,213,.2),transparent 40%),linear-gradient(240deg,rgba(255,122,200,.2),transparent 45%),linear-gradient(340deg,rgba(147,171,255,.2),transparent 50%);animation:aurora 14s ease-in-out infinite alternate;z-index:0}.hero{text-align:center;max-width:820px;z-index:1}.hero__tag{display:inline-flex;align-items:center;justify-content:center;padding:.35rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f;letter-spacing:.2rem;font-weight:500;margin-bottom:1.2rem}.hero h1{font-size:clamp(2.5rem,4vw,4rem);line-height:1.1;text-shadow:0 0 24px rgba(255,197,120,.5)}.hero__subtitle{margin-top:.8rem;font-size:clamp(1rem,2vw,1.3rem);color:#f8f6ffcc}.stage{position:relative;width:min(900px,100%);padding:2.5rem 2rem 3.5rem;border-radius:24px;background:linear-gradient(145deg,#0c0924b3,#221742d9);border:1px solid rgba(156,191,255,.3);box-shadow:0 30px 70px #09061899;overflow:hidden;z-index:1}.stage__center{text-align:center}.stage__year{font-size:clamp(2.4rem,4vw,3.8rem);font-weight:700;letter-spacing:.3rem;text-transform:uppercase;margin-bottom:.8rem}.stage__message{font-size:clamp(1rem,2vw,1.4rem);color:#f8f6ffd9}.stage__ribbons span{position:absolute;width:200px;height:200px;border-radius:50%;border:1px dashed rgba(255,255,255,.2);animation:spin 20s linear infinite;opacity:.5}.stage__ribbons span:nth-child(1){top:-60px;left:-80px}.stage__ribbons span:nth-child(2){bottom:-80px;right:-40px;animation-direction:reverse}.stage__ribbons span:nth-child(3){top:0;right:0;bottom:0;left:0;margin:auto;width:320px;height:320px;border-style:dotted;opacity:.35}.fireworks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.firework{position:absolute;width:220px;height:220px;transform:translate(-50%,-50%);animation:drift 12s ease-in-out infinite}.firework__core{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#fff,#fff0);transform:translate(-50%,-50%);box-shadow:0 0 30px #ffffffe6}.firework__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.4);animation:pulse 4s ease-in-out infinite}.firework__trail{position:absolute;inset:50% auto auto 50%;width:6px;height:90px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent);transform:translate(-50%,-100%);filter:blur(.3px)}.firework__spark{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:8px;height:40px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.9),transparent);transform-origin:center bottom;animation:spark 3.2s ease-in-out infinite}.firework__spark:nth-child(4){transform:translate(-50%,-100%) rotate(40deg)}.firework__spark:nth-child(5){transform:translate(-50%,-100%) rotate(-40deg)}.firework__spark:nth-child(6){transform:translate(-50%,-100%) rotate(80deg)}.firework__spark:nth-child(7){transform:translate(-50%,-100%) rotate(-80deg)}.firework--1{top:20%;left:18%;animation-delay:0s}.firework--2{top:28%;right:15%;animation-delay:2s}.firework--3{bottom:30%;left:20%;animation-delay:3.5s}.firework--4{bottom:22%;right:18%;animation-delay:1s}.firework--5{top:50%;left:50%;animation-delay:4.2s}.firework--6{top:58%;right:40%;animation-delay:5s}.firework--1 .firework__ring{border-color:#ffba7480}.firework--2 .firework__ring{border-color:#88ffda80}.firework--3 .firework__ring{border-color:#9c7aff80}.firework--4 .firework__ring{border-color:#ff78b980}.firework--5 .firework__ring{border-color:#ffe69480}.firework--6 .firework__ring{border-color:#81c8ff80}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.confetti__piece{position:absolute;top:-10%;width:12px;height:30px;border-radius:6px;opacity:.7;animation:confetti 9s linear infinite}.confetti__piece:nth-child(odd){width:8px;height:24px}.confetti__piece:nth-child(1){left:10%;animation-delay:0s;background:linear-gradient(180deg,#ffb86b,transparent)}.confetti__piece:nth-child(2){left:20%;animation-delay:1.5s;background:linear-gradient(180deg,#9efff1,transparent)}.confetti__piece:nth-child(3){left:32%;animation-delay:3s;background:linear-gradient(180deg,#ff9bdc,transparent)}.confetti__piece:nth-child(4){left:44%;animation-delay:2.2s;background:linear-gradient(180deg,#ffe29d,transparent)}.confetti__piece:nth-child(5){left:58%;animation-delay:.8s;background:linear-gradient(180deg,#8fd4ff,transparent)}.confetti__piece:nth-child(6){left:72%;animation-delay:2.8s;background:linear-gradient(180deg,#c2a6ff,transparent)}.confetti__piece:nth-child(7){left:85%;animation-delay:4s;background:linear-gradient(180deg,#ffbfa0,transparent)}.confetti__piece:nth-child(8){left:95%;animation-delay:1.2s;background:linear-gradient(180deg,#9efff1,transparent)}.confetti__piece:nth-child(n+9){left:calc(var(--i) * 4%);animation-delay:calc(var(--i) * .4s);background:linear-gradient(180deg,#ffd0f2,transparent)}.confetti__piece:nth-child(9){--i: 12}.confetti__piece:nth-child(10){--i: 15}.confetti__piece:nth-child(11){--i: 18}.confetti__piece:nth-child(12){--i: 21}.confetti__piece:nth-child(13){--i: 25}.confetti__piece:nth-child(14){--i: 28}.confetti__piece:nth-child(15){--i: 34}.confetti__piece:nth-child(16){--i: 39}.confetti__piece:nth-child(17){--i: 43}.confetti__piece:nth-child(18){--i: 47}.confetti__piece:nth-child(19){--i: 51}.confetti__piece:nth-child(20){--i: 55}.confetti__piece:nth-child(21){--i: 60}.confetti__piece:nth-child(22){--i: 64}.footer{text-align:center;display:grid;gap:1rem;z-index:1}.footer__button{justify-self:center;padding:.8rem 2.6rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:1rem;color:#150a29;background:linear-gradient(135deg,#ffd39a,#ff6bb6);box-shadow:0 20px 40px #ff6fb659;transition:transform .3s ease,box-shadow .3s ease}.footer__button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 30px 60px #ffd39a66}.footer__button:active{transform:translateY(2px) scale(.98)}@keyframes aurora{0%{opacity:.3;filter:blur(10px)}to{opacity:.7;filter:blur(20px)}}@keyframes pulse{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:.8}}@keyframes spark{0%{opacity:0;height:0}40%{opacity:1;height:60px}to{opacity:0;height:10px}}@keyframes drift{0%,to{transform:translate(-50%,-50%) scale(.9)}50%{transform:translate(-50%,-55%) scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confetti{0%{transform:translateY(-10vh) rotate(0)}to{transform:translateY(110vh) rotate(360deg)}}@media (max-width: 720px){.stage{padding:2rem 1.5rem 3rem}.footer__button{width:100%}}