*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:2rem}.content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:680px;width:100%}.celebration{background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#0f3460)}.countdown{background:linear-gradient(135deg,#2d1b69,#11998e)}.hero-emoji{font-size:5rem;line-height:1;animation:bounce 1.2s ease-in-out infinite alternate}.title{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.3)}.celebration-title{background:linear-gradient(90deg,gold,#ff6b6b,#4ecdc4,gold);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2.5s linear infinite}.subtitle{font-size:clamp(1rem,3vw,1.25rem);color:#ffffffd9;max-width:480px}.footer-text{font-size:1rem;color:#ffffffa6;margin-top:.5rem}.timer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.time-block{display:flex;flex-direction:column;align-items:center;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.25rem 1.5rem;min-width:90px}.time-value{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.time-label{font-size:.7rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-top:.4rem}.time-separator{font-size:2.5rem;font-weight:800;color:#ffffff80;margin-bottom:1.2rem;align-self:center}.celebration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:520px}.celebration-card{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.85rem 1rem;color:#fff;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s}.celebration-card:hover{transform:translateY(-3px);background:#ffffff2e}.confetti-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:10px;height:10px;border-radius:2px;opacity:.8;animation:fall 4s linear infinite}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:.9}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media(max-width:480px){.celebration-grid{grid-template-columns:repeat(2,1fr)}.time-block{min-width:70px;padding:1rem}.time-separator{font-size:1.8rem}}