@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:Poppins,sans-serif;overflow:hidden}.birthday-wrapper{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#f08f9e,#cfa1ad);display:flex;justify-content:center;align-items:center;padding:20px;overflow:hidden}.card{overflow-y:auto;max-height:90vh}.sparkle-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.sparkle{position:absolute;top:-20px;width:8px;height:8px;background-color:#fffc;border-radius:50%;box-shadow:0 0 10px #ffffffb3;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(105vh) scale(.5);opacity:0}}.bg-icon{position:absolute;width:60px;height:auto;opacity:.9;animation:float 10s ease-in-out infinite;z-index:2}.moon{width:80px;top:10%;left:15%;animation-duration:12s}.butterfly-1{top:20%;right:20%;animation-duration:8s;animation-delay:-2s}.butterfly-2{bottom:15%;left:25%;animation-duration:9s;animation-delay:-5s}.moon-2{width:60px;bottom:10%;right:15%;animation-duration:14s;animation-delay:-3s}.butterfly-3{width:50px;top:60%;left:10%;animation-duration:10s;animation-delay:-7s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.card{position:relative;z-index:10;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #00000026;padding:1rem 2.5rem;max-width:500px;width:100%;animation:fadeIn 1s ease-in-out;margin:1rem 0}.content,.message{text-align:center;color:#333}h1{font-family:Pacifico,cursive;font-size:2.5rem;margin-bottom:.6rem;color:#d63384;font-weight:400}p{font-size:1.15rem;color:#444;line-height:1.6}.buttons{margin-top:1.5rem;display:flex;justify-content:center;gap:20px}button{padding:12px 35px;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer;color:#fff;font-weight:600;transition:all .3s ease}.yes-btn{background-color:#ff4d6d}.no-btn{background-color:#ff758f}button:hover{transform:scale(1.1);box-shadow:0 5px 15px #0003}.happy{font-family:Pacifico,cursive;font-size:3.2rem;line-height:1.2;background:linear-gradient(90deg,#d63384,#ff4d6d,#fffacd,#ff4d6d,#d63384);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:textShine 3s linear infinite,dropIn 1.2s ease-out;margin-bottom:1rem}@keyframes textShine{to{background-position:-200% center}}.birthday-image{width:100%;max-width:280px;border-radius:15px;border:3px solid rgba(255,255,255,.7);box-shadow:0 4px 15px #00000026;animation:fadeIn 1s ease-out .5s both}.sad-message{animation:fadeIn 1.5s ease-in-out}.sad{font-family:Pacifico,cursive;font-size:2.2rem;color:#555;opacity:.9}.sad-message p{font-size:1rem;color:#555;margin-bottom:1.5rem}.reset-btn{background-color:#888;font-size:1rem;padding:10px 30px}.reset-btn:hover{background-color:#666}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dropIn{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.secret-page{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeIn .5s ease-in-out}.memory-card{width:90vw;max-width:500px;height:80vh;max-height:700px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0003;background:#efa5a5}.memory-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7) blur(1.5px);transform:scale(1.1);z-index:1}.memory-text-content{position:relative;z-index:2;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:2.5rem;padding-bottom:80px;color:#fff;font-size:1.5rem;font-weight:600;line-height:1.6;text-shadow:1px 1px 3px rgba(0,0,0,.5);opacity:1;transition:opacity .3s ease-in-out}.memory-text-content.fading{opacity:0}.memory-text-content::-webkit-scrollbar{width:6px}.memory-text-content::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:3px}.memory-text-content::-webkit-scrollbar-track{background:transparent}.memory-text-content p{font-size:1.5rem;margin-bottom:1.5rem;color:#d9b7bc}.final-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;z-index:5;position:relative;padding:2rem}.final-card-content .happy{font-size:3rem;line-height:1.3}.final-card-content .happy .name{font-size:2.8rem}.close-btn{position:absolute;top:25px;right:25px;z-index:110;width:45px;height:45px;padding:0;border-radius:50%;background-color:#00000080;color:#fff;font-size:2rem;line-height:45px;text-align:center;border:2px solid rgba(255,255,255,.7);cursor:pointer;transition:all .3s ease}.close-btn:hover{background-color:#fff3;transform:scale(1.1) rotate(90deg)}.nav-btn{position:absolute;z-index:110;bottom:25px;width:50px;height:50px;padding:0;border-radius:50%;background-color:#fffc;color:#333;font-size:2.5rem;font-weight:700;line-height:50px;text-align:center;border:none;box-shadow:0 4px 15px #0003;animation:pulse 2s infinite ease-in-out}.nav-btn:hover{background-color:#fff;transform:scale(1.1);animation-play-state:paused}.prev-btn{left:20px}.next-btn{right:20px}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 15px #0003}50%{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}to{transform:scale(1);box-shadow:0 4px 15px #0003}}.secret-section{margin-top:1rem;padding-top:1rem;animation:fadeIn 1s ease-out 1s both}.secret-section p{font-size:1rem;color:#444;margin-bottom:1rem;font-weight:600}.secret-btn{background-color:#d63384;padding:10px 30px;font-size:1rem}.secret-btn:hover{background-color:#b32a6c}@media(max-width:600px){.card{padding:2rem 1.5rem;margin:1rem 0}h1{font-size:2rem}.happy{font-size:2.5rem;line-height:1.2}.sad{font-size:1.8rem}p{font-size:1rem}button{padding:10px 25px;font-size:1rem}.bg-icon{width:45px;opacity:.8}.moon{width:60px}.moon-2{width:40px}.butterfly-3{width:35px}.birthday-image{max-width:220px}.memory-card{height:75vh;background-color:#dfdfdf00}.memory-text-content{padding:2rem 1.5rem;padding-bottom:70px;font-size:1.2rem;line-height:1.7}.memory-text-content p{font-size:1.2rem}.final-card-content .happy{font-size:2.2rem}.final-card-content .happy .name{font-size:2rem}.close-btn{top:15px;right:15px;width:40px;height:40px;font-size:1.8rem;line-height:40px}.nav-btn{bottom:15px;width:45px;height:45px;font-size:2.2rem;line-height:45px}.prev-btn{left:40px}.next-btn{right:40px}.secret-section p{font-size:.9rem}.secret-btn{padding:10px 25px;font-size:.9rem}}.secret-page.fade-in{animation:fadeIn .5s ease-in-out both}.card.fade-out,.secret-page.fade-out{animation:fadeOut .5s ease-in-out both}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}