@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Poppins:wght@300;600;800&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;height:100%;margin:0;padding:0}:root{--bg-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--card-glass:#ffffff1a;--box-glass:#ffffff26;--neon-pink:#ff0080;--neon-blue:#00eaff;--text-light:#fff}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.container{background:var(--bg-gradient);box-sizing:border-box;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:10px;font-family:Poppins,sans-serif;display:flex;position:relative}.glass-card{background:var(--card-glass);-webkit-backdrop-filter:blur(20px);text-align:center;z-index:10;border:2px solid #fff3;border-color:#ffffff80 #fff3 #fff3 #ffffff80;border-radius:30px;width:750px;max-width:100%;padding:3rem 1rem;animation:6s ease-in-out infinite floatCard;position:relative;box-shadow:0 25px 45px #0003}.icon{margin-bottom:1rem;font-size:3rem;animation:2s ease-in-out infinite wobble}.main-title{color:var(--text-light);text-shadow:2px 2px 4px #0000004d;margin-bottom:.5rem;font-family:Dancing Script,cursive;font-size:4rem;line-height:1.2}.subtitle{color:#fffc;letter-spacing:2px;text-transform:uppercase;margin-bottom:3rem;font-size:1.2rem}.timer-container{flex-wrap:nowrap;justify-content:center;gap:20px;width:100%;display:flex}.time-box{background:var(--box-glass);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:110px;height:130px;transition:transform .3s;display:flex;box-shadow:inset 0 0 15px #ffffff1a}.time-box:hover{background:#ffffff40;transform:scale(1.05)translateY(-5px)}.glow-text{color:#fff;text-shadow:0 0 5px var(--neon-blue),0 0 15px var(--neon-blue),0 0 30px var(--neon-pink);font-size:3rem;font-weight:800}.time-box label{text-transform:uppercase;color:#ffffffb3;margin-top:10px;font-size:.9rem;font-weight:600}.pulse{animation:1s infinite alternate pulseShadow}.hidden-message{animation:.8s cubic-bezier(.68,-.55,.27,1.55) forwards popUp}.hidden-message h2{margin-bottom:20px;font-family:Dancing Script,cursive;font-size:4.5rem;line-height:1.1}.hidden-message p{color:#fff;font-size:1.8rem}.confetti-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.confetti{background:#ffffff4d;animation:linear infinite floatUp;position:absolute;bottom:-100px}.square{width:30px;height:30px;animation-duration:8s;left:10%}.circle{background:#ff00804d;border-radius:50%;width:40px;height:40px;animation-duration:12s;animation-delay:2s;left:30%}.triangle{background:0 0;border-bottom:35px solid #00eaff4d;border-left:20px solid #0000;border-right:20px solid #0000;width:0;height:0;animation-duration:10s;animation-delay:1s;left:60%}@keyframes floatUp{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-120vh)rotate(720deg)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes popUp{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulseShadow{0%{text-shadow:0 0 5px var(--neon-blue),0 0 15px var(--neon-blue),0 0 30px var(--neon-pink)}to{text-shadow:0 0 10px var(--neon-blue),0 0 25px var(--neon-blue),0 0 40px var(--neon-pink)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (max-width:600px){.glass-card{padding:2rem .5rem}.main-title{font-size:2.2rem}.subtitle{margin-bottom:1.5rem;font-size:.8rem}.timer-container{gap:8px}.time-box{border-radius:12px;flex:1;width:auto;min-width:0;height:80px}.glow-text{font-size:1.6rem}.time-box label{margin-top:5px;font-size:.6rem}.hidden-message h2{font-size:2.5rem}}