body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{overflow-x:hidden;text-align:center}.App,.App-header{position:relative}.App-header{align-items:center;animation:gradient 8s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab,#ff9a9e,#a18cd1);background-size:600% 600%;box-shadow:inset 0 0 100px #00000080;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;overflow:hidden;padding:20px}.birthday-title{margin-bottom:30px;perspective:500px;position:relative;z-index:2}.birthday-text{align-items:center;animation:title-glow 2s ease-in-out infinite;display:flex;font-size:5rem;font-weight:700;justify-content:center;margin:0;padding:0;text-shadow:0 0 20px #fffc}@keyframes title-glow{0%,to{text-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6}50%{text-shadow:0 0 20px #fff,0 0 30px #fffc,0 0 40px #fff9,0 0 50px #fff6}}.main-wish{-webkit-text-fill-color:#0000;animation:text-glow 3s ease-in-out infinite;background:linear-gradient(90deg,#fff,#f0f0f0,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;text-shadow:0 0 10px #fffc}.main-wish,.wishes-container{margin-bottom:30px;position:relative;z-index:2}.wishes-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border-radius:20px;box-shadow:0 8px 32px #0000004d;opacity:0;padding:20px;transform:translateY(30px);transition:all 1.5s cubic-bezier(.175,.885,.32,1.275)}.wishes-container.visible{opacity:1;transform:translateY(0)}.wish-messages{display:flex;flex-direction:column;gap:15px}.wish-message{animation:fade-in 1s ease-out forwards;font-size:1.6rem;margin:0;opacity:0;text-shadow:0 0 5px #ffffff80;transform:translateX(-20px)}.wish-message:first-child{animation-delay:.5s}.wish-message:nth-child(2){animation-delay:1s}.wish-message:nth-child(3){animation-delay:1.5s}.wish-message:nth-child(4){animation-delay:2s}.cake-container{filter:drop-shadow(0 0 20px rgba(255,255,255,.5));margin:30px 0;opacity:0;position:relative;transform:scale(.8) rotate(10deg);transition:all 1.5s cubic-bezier(.175,.885,.32,1.275);z-index:2}.cake-container.visible{opacity:1;transform:scale(1) rotate(0)}.button-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px;position:relative;z-index:2}.special-button,.surprise-button{border:none;border-radius:50px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease;z-index:2}.surprise-button{animation:pulse 2s infinite;background:linear-gradient(45deg,#ff6b6b,#ffa502)}.special-button{animation:pulse-blue 2s infinite;background:linear-gradient(45deg,#6a11cb,#2575fc)}.special-button:hover,.surprise-button:hover{box-shadow:0 10px 25px #0006;transform:translateY(-5px) scale(1.05)}.special-button:active,.surprise-button:active{transform:translateY(2px) scale(.98)}.confetti-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.confetti-piece{animation:confetti-fall 7s linear infinite;background-color:red;border-radius:50%;opacity:0;position:absolute;top:-20px}.stars-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.star{animation:star-blink 3s infinite;background-color:#fff;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:10px;width:10px}.special-effect,.star{opacity:0;position:absolute}.special-effect{background:radial-gradient(circle at center,#fffc 0,#0000 70%);height:100%;left:0;pointer-events:none;top:0;transform:scale(0);transition:opacity 1s ease;width:100%;z-index:0}.special-effect.active{animation:special-pulse 3s infinite;opacity:.7}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bounce{0%{opacity:0;transform:translateY(50px) rotateX(90deg)}50%{transform:translateY(-15px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes text-glow{0%{text-shadow:0 0 10px #fffc,0 0 20px #fffc}50%{text-shadow:0 0 20px #fff,0 0 30px #fff,0 0 40px #fff}to{text-shadow:0 0 10px #fffc,0 0 20px #fffc}}@keyframes fade-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff6b6bb3;transform:scale(1)}70%{box-shadow:0 0 0 15px #ff6b6b00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #ff6b6b00;transform:scale(1)}}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 #2575fcb3;transform:scale(1)}70%{box-shadow:0 0 0 15px #2575fc00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #2575fc00;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(3turn)}}@keyframes star-blink{0%,to{opacity:0}50%{opacity:1;transform:scale(1.5)}}@keyframes special-pulse{0%{opacity:.7;transform:scale(0)}50%{opacity:.3;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@media (max-width:768px){.birthday-text{font-size:3rem}.main-wish{font-size:2rem}.wish-message{font-size:1.3rem}.special-button,.surprise-button{font-size:1rem;padding:12px 20px}.button-container{flex-direction:column;gap:15px}}@media (max-width:480px){.birthday-text{font-size:2.2rem}.main-wish{font-size:1.6rem}.wish-message{font-size:1.1rem}.wishes-container{padding:15px}}.music-player{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:30px;bottom:10px;box-shadow:0 0 15px #ffffff4d;display:flex;gap:10px;left:10px;padding:0;position:fixed;transition:all .3s ease;width:auto;z-index:1000}.player-controls{display:flex;justify-content:center}.volume-control{align-items:center;display:flex}.volume-slider{background:#fff3;border-radius:3px;height:6px;opacity:.7;outline:none;transition:opacity .2s;width:80px}.volume-slider:hover{opacity:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,#6a11cb,#2575fc);border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-thumb{background:linear-gradient(45deg,#6a11cb,#2575fc);border:none;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:14px;width:14px}@media (max-width:768px){.music-player{border-radius:25px;bottom:5px;left:5px;padding:8px}.volume-slider{width:60px}}@media (max-width:480px){.music-player{border-radius:20px;bottom:5px;left:5px;padding:6px}.volume-slider{width:50px}}.cake{height:200px;margin:30px auto;position:relative;width:250px}.plate{background-color:#a9a9a9;border-radius:5px;bottom:-5px;height:10px;left:-10px;width:270px}.layer,.plate{position:absolute}.layer{border:2px solid #9c4419;box-sizing:border-box;height:50px;width:250px}.layer-bottom{background-color:sienna;bottom:0}.layer-middle{background-color:#d2691e;bottom:48px;height:40px;left:15px;width:220px}.layer-top{background-color:#f4a460;bottom:86px;height:30px}.icing,.layer-top{left:30px;width:190px}.icing{border-radius:50% 50% 0 0/10px 10px 0 0;bottom:114px;height:20px}.drip,.icing{background-color:#fff;position:absolute}.drip{border-radius:0 0 50% 50%;bottom:94px;height:25px;width:15px}.drip1{left:50px}.drip2{height:20px;left:110px}.drip3{right:50px}.candle{background-color:#f8c471;bottom:134px;height:40px;left:50%;position:absolute;transform:translateX(-50%);width:10px}.candle-2{height:45px;left:35%;transform:translateX(-50%) rotate(-10deg)}.candle-3{height:45px;left:65%;transform:translateX(-50%)}.flame{animation:flame-flicker 1s ease-in-out infinite;background-color:#f5b041;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:15px;position:absolute;top:-15px;width:10px}@keyframes flame-flicker{0%{opacity:1;transform:scaleY(1) rotate(-2deg)}50%{opacity:.9;transform:scaleY(1.1) rotate(2deg)}to{opacity:1;transform:scaleY(1) rotate(-2deg)}}canvas{display:block;left:0;position:absolute;top:0;z-index:1}
/*# sourceMappingURL=main.11ee7c69.css.map*/