.animated-confetti{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.animated-confetti:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 5% 5%,#ff6b6b 4px,transparent 4px),radial-gradient(circle at 15% 15%,#4ecdc4 3px,transparent 3px),radial-gradient(circle at 25% 25%,#45b7d1 5px,transparent 5px),radial-gradient(circle at 35% 35%,#96ceb4 3px,transparent 3px),radial-gradient(circle at 45% 45%,#feca57 4px,transparent 4px),radial-gradient(circle at 55% 55%,#ff9ff3 3px,transparent 3px),radial-gradient(circle at 65% 65%,#54a0ff 4px,transparent 4px),radial-gradient(circle at 75% 75%,#5f27cd 3px,transparent 3px),radial-gradient(circle at 85% 85%,#ff9f43 5px,transparent 5px),radial-gradient(circle at 95% 95%,#00d2d3 3px,transparent 3px),radial-gradient(circle at 10% 10%,#ff6b9d 4px,transparent 4px),radial-gradient(circle at 20% 20%,#4ecdc4 3px,transparent 3px),radial-gradient(circle at 30% 30%,#45b7d1 4px,transparent 4px),radial-gradient(circle at 40% 40%,#96ceb4 3px,transparent 3px),radial-gradient(circle at 50% 50%,#feca57 5px,transparent 5px),radial-gradient(circle at 60% 60%,#ff9ff3 3px,transparent 3px),radial-gradient(circle at 70% 70%,#54a0ff 4px,transparent 4px),radial-gradient(circle at 80% 80%,#5f27cd 3px,transparent 3px),radial-gradient(circle at 90% 90%,#ff9f43 4px,transparent 4px),radial-gradient(circle at 100% 100%,#00d2d3 3px,transparent 3px);background-size:100px 100px,80px 80px,120px 120px,90px 90px,110px 110px,70px 70px,100px 100px,85px 85px,130px 130px,75px 75px,95px 95px,105px 105px,115px 115px,125px 125px,135px 135px,145px 145px,155px 155px,165px 165px,175px 175px,185px 185px;background-position:0% 0%,10% 10%,20% 20%,30% 30%,40% 40%,50% 50%,60% 60%,70% 70%,80% 80%,90% 90%,5% 5%,15% 15%,25% 25%,35% 35%,45% 45%,55% 55%,65% 65%,75% 75%,85% 85%,95% 95%;animation:confetti-fall 8s linear infinite;z-index:1}.animated-confetti:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 2% 2%,#ff6b6b 3px,transparent 3px),radial-gradient(circle at 12% 12%,#4ecdc4 4px,transparent 4px),radial-gradient(circle at 22% 22%,#45b7d1 3px,transparent 3px),radial-gradient(circle at 32% 32%,#96ceb4 5px,transparent 5px),radial-gradient(circle at 42% 42%,#feca57 3px,transparent 3px),radial-gradient(circle at 52% 52%,#ff9ff3 4px,transparent 4px),radial-gradient(circle at 62% 62%,#54a0ff 3px,transparent 3px),radial-gradient(circle at 72% 72%,#5f27cd 5px,transparent 5px),radial-gradient(circle at 82% 82%,#ff9f43 3px,transparent 3px),radial-gradient(circle at 92% 92%,#00d2d3 4px,transparent 4px),radial-gradient(circle at 7% 7%,#ff6b9d 3px,transparent 3px),radial-gradient(circle at 17% 17%,#4ecdc4 5px,transparent 5px),radial-gradient(circle at 27% 27%,#45b7d1 3px,transparent 3px),radial-gradient(circle at 37% 37%,#96ceb4 4px,transparent 4px),radial-gradient(circle at 47% 47%,#feca57 3px,transparent 3px),radial-gradient(circle at 57% 57%,#ff9ff3 5px,transparent 5px),radial-gradient(circle at 67% 67%,#54a0ff 3px,transparent 3px),radial-gradient(circle at 77% 77%,#5f27cd 4px,transparent 4px),radial-gradient(circle at 87% 87%,#ff9f43 3px,transparent 3px),radial-gradient(circle at 97% 97%,#00d2d3 5px,transparent 5px);background-size:150px 150px,130px 130px,170px 170px,140px 140px,160px 160px,120px 120px,150px 150px,135px 135px,180px 180px,125px 125px,145px 145px,155px 155px,165px 165px,175px 175px,185px 185px,195px 195px,205px 205px,215px 215px,225px 225px,235px 235px;background-position:0% 0%,10% 10%,20% 20%,30% 30%,40% 40%,50% 50%,60% 60%,70% 70%,80% 80%,90% 90%,5% 5%,15% 15%,25% 25%,35% 35%,45% 45%,55% 55%,65% 65%,75% 75%,85% 85%,95% 95%;animation:confetti-fall 12s linear infinite;z-index:1}@keyframes confetti-fall{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}.animated-hearts{position:relative;overflow:hidden;background:linear-gradient(135deg,#ff6b9d,#c44569)}.animated-hearts:before{content:"❤ 💖 💕";position:absolute;inset:0;font-size:24px;color:#ffffffb3;animation:floating-hearts 20s ease-in-out infinite;z-index:1;text-align:center;padding-top:20px;letter-spacing:40px}.animated-hearts:after{content:"💕 ❤ 💖";position:absolute;inset:0;font-size:18px;color:#ffb6c199;animation:floating-hearts 15s ease-in-out infinite reverse;z-index:1;text-align:center;padding-top:60px;letter-spacing:60px}@keyframes floating-hearts{0%{transform:translateY(0) rotate(0);opacity:.4}25%{transform:translateY(-15px) rotate(2deg);opacity:.8}50%{transform:translateY(-25px) rotate(-1deg);opacity:.6}75%{transform:translateY(-10px) rotate(3deg);opacity:.9}to{transform:translateY(0) rotate(0);opacity:.4}}.animated-sparkle{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.animated-sparkle:before{content:"✨ ⭐ ✨";position:absolute;inset:0;font-size:28px;color:#fffc;animation:sparkle-twinkle 8s ease-in-out infinite;z-index:1;text-align:center;padding-top:30px;letter-spacing:50px}.animated-sparkle:after{content:"⭐ ✨ ⭐";position:absolute;inset:0;font-size:20px;color:#ffd700b3;animation:sparkle-twinkle 6s ease-in-out infinite 2s;z-index:1;text-align:center;padding-top:80px;letter-spacing:80px}@keyframes sparkle-twinkle{0%{transform:translateY(0) scale(1) rotate(0);opacity:.3}25%{transform:translateY(-20px) scale(1.3) rotate(5deg);opacity:.9}50%{transform:translateY(-35px) scale(.8) rotate(-3deg);opacity:.5}75%{transform:translateY(-15px) scale(1.2) rotate(8deg);opacity:.8}to{transform:translateY(0) scale(1) rotate(0);opacity:.3}}.animated-gradient{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-rainbow{background:linear-gradient(-45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:400% 400%;animation:rainbow-shift 6s ease infinite}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-ocean{background:linear-gradient(-45deg,#1e3c72,#2a5298,#4facfe,#00f2fe);background-size:400% 400%;animation:ocean-wave 10s ease infinite}@keyframes ocean-wave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-sunset{background:linear-gradient(-45deg,#ff6b6b,#ffa726,#ff7043,#ff5722);background-size:400% 400%;animation:sunset-glow 12s ease infinite}@keyframes sunset-glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-galaxy{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1a1a2e,#16213e,#0f3460)}.animated-galaxy:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle at 10% 60%,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle at 90% 40%,rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(circle at 30% 10%,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle at 70% 90%,rgba(255,255,255,.8) 1px,transparent 1px);background-size:200px 200px,150px 150px,180px 180px,120px 120px,160px 160px,140px 140px,170px 170px,130px 130px;background-position:0% 0%,10% 10%,20% 20%,30% 30%,40% 40%,50% 50%,60% 60%,70% 70%;animation:galaxy-twinkle 8s ease-in-out infinite;z-index:1}@keyframes galaxy-twinkle{0%,to{opacity:.3}50%{opacity:.8}}.animated-bubbles{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.animated-bubbles:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.3) 8px,transparent 8px),radial-gradient(circle at 45% 60%,rgba(255,255,255,.2) 12px,transparent 12px),radial-gradient(circle at 75% 30%,rgba(255,255,255,.4) 6px,transparent 6px),radial-gradient(circle at 25% 80%,rgba(255,255,255,.3) 10px,transparent 10px),radial-gradient(circle at 85% 70%,rgba(255,255,255,.2) 14px,transparent 14px),radial-gradient(circle at 35% 40%,rgba(255,255,255,.3) 7px,transparent 7px),radial-gradient(circle at 65% 90%,rgba(255,255,255,.2) 9px,transparent 9px),radial-gradient(circle at 55% 10%,rgba(255,255,255,.4) 11px,transparent 11px);background-size:300px 300px,250px 250px,200px 200px,350px 350px,180px 180px,280px 280px,320px 320px,220px 220px;background-position:0% 0%,10% 10%,20% 20%,30% 30%,40% 40%,50% 50%,60% 60%,70% 70%;animation:bubbles-float 20s ease-in-out infinite;z-index:1}@keyframes bubbles-float{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.1)}50%{transform:translateY(-40px) scale(.9)}75%{transform:translateY(-15px) scale(1.05)}}.animated-snow{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.animated-snow:before{content:"❄";position:absolute;inset:0;font-size:16px;color:#fffc;animation:snow-fall 10s linear infinite;z-index:1;text-align:center;padding-top:20px;letter-spacing:30px}.animated-snow:after{content:"❅";position:absolute;inset:0;font-size:12px;color:#fff9;animation:snow-fall 8s linear infinite 2s;z-index:1;text-align:center;padding-top:60px;letter-spacing:40px}@keyframes snow-fall{0%{transform:translateY(-100px) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}.animated-stars{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e)}.animated-stars:before{content:"⭐ ✨ ⭐";position:absolute;inset:0;font-size:20px;color:#fffc;animation:stars-float 15s ease-in-out infinite;z-index:1;text-align:center;padding-top:30px;letter-spacing:60px}.animated-stars:after{content:"✨ ⭐ ✨";position:absolute;inset:0;font-size:16px;color:#ffd700b3;animation:stars-float 12s ease-in-out infinite reverse;z-index:1;text-align:center;padding-top:80px;letter-spacing:80px}@keyframes stars-float{0%{transform:translateY(0) rotate(0);opacity:.4}25%{transform:translateY(-25px) rotate(5deg);opacity:.9}50%{transform:translateY(-45px) rotate(-3deg);opacity:.6}75%{transform:translateY(-20px) rotate(8deg);opacity:.8}to{transform:translateY(0) rotate(0);opacity:.4}}.animated-clouds{position:relative;overflow:hidden;background:linear-gradient(135deg,#87ceeb,#98d8e8)}.animated-clouds:before{content:"☁";position:absolute;inset:0;font-size:32px;color:#fffc;animation:clouds-drift 25s ease-in-out infinite;z-index:1;text-align:center;padding-top:20px;letter-spacing:100px}.animated-clouds:after{content:"☁ ☁";position:absolute;inset:0;font-size:24px;color:#fff9;animation:clouds-drift 20s ease-in-out infinite reverse;z-index:1;text-align:center;padding-top:80px;letter-spacing:120px}@keyframes clouds-drift{0%{transform:translate(-100px);opacity:.3}50%{transform:translate(50px);opacity:.8}to{transform:translate(200px);opacity:.3}}.animated-droplets{position:relative;overflow:hidden;background:linear-gradient(135deg,#4facfe,#00f2fe)}.animated-droplets:before{content:"💧";position:absolute;inset:0;font-size:20px;color:#ffffffb3;animation:droplets-fall 6s linear infinite;z-index:1;text-align:center;padding-top:10px;letter-spacing:50px}.animated-droplets:after{content:"💧 💧";position:absolute;inset:0;font-size:16px;color:#ffffff80;animation:droplets-fall 8s linear infinite 3s;z-index:1;text-align:center;padding-top:50px;letter-spacing:70px}@keyframes droplets-fall{0%{transform:translateY(-50px) scale(1)}50%{transform:translateY(50vh) scale(1.2)}to{transform:translateY(100vh) scale(.8)}}.animated-confetti>*,.animated-hearts>*,.animated-sparkle>*{position:relative;z-index:2}.animated-confetti button,.animated-hearts button,.animated-sparkle button,.animated-rainbow button,.animated-ocean button,.animated-sunset button,.animated-gradient button,.animated-galaxy button,.animated-bubbles button,.animated-snow button,.animated-stars button,.animated-clouds button,.animated-droplets button{position:relative;z-index:10!important}.animated-confetti .MuiIconButton-root,.animated-hearts .MuiIconButton-root,.animated-sparkle .MuiIconButton-root,.animated-rainbow .MuiIconButton-root,.animated-ocean .MuiIconButton-root,.animated-sunset .MuiIconButton-root,.animated-gradient .MuiIconButton-root,.animated-galaxy .MuiIconButton-root,.animated-bubbles .MuiIconButton-root,.animated-snow .MuiIconButton-root,.animated-stars .MuiIconButton-root,.animated-clouds .MuiIconButton-root,.animated-droplets .MuiIconButton-root{position:absolute!important;top:16px!important;right:16px!important;z-index:20!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.animated-confetti .MuiCard-root,.animated-hearts .MuiCard-root,.animated-sparkle .MuiCard-root,.animated-rainbow .MuiCard-root,.animated-ocean .MuiCard-root,.animated-sunset .MuiCard-root,.animated-gradient .MuiCard-root,.animated-galaxy .MuiCard-root,.animated-bubbles .MuiCard-root,.animated-snow .MuiCard-root,.animated-stars .MuiCard-root,.animated-clouds .MuiCard-root,.animated-droplets .MuiCard-root{position:relative;z-index:2}.card-image.animated-confetti:before{animation-duration:12s;opacity:.6}.card-image.animated-hearts:before,.card-image.animated-hearts:after{animation-duration:16s;opacity:.4}.card-image.animated-sparkle:before,.card-image.animated-sparkle:after{animation-duration:6s;opacity:.5}.card-image.animated-rainbow,.card-image.animated-ocean,.card-image.animated-sunset,.card-image.animated-gradient{animation-duration:12s}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p{margin:0}img{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}button{border:none;background:none;cursor:pointer;padding:0;margin:0;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}