.App{background:linear-gradient(135deg,#ff758c,#ff7eb3);color:#fff;min-height:100vh;overflow:hidden;position:relative;text-align:center}.App:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 50c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15zm30 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15z' fill='rgba(255,255,255,0.05)' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.App-header{padding:2rem;position:relative;z-index:1}.App-header h1{animation:fadeInDown 1.5s ease-out;font-size:3.5rem;margin:0;text-shadow:2px 2px 4px #0003}main{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}section{animation:fadeInUp 1s ease-out forwards;margin:4rem 0;opacity:0;transform:translateY(20px)}footer{background:#0000001a;margin-top:4rem;padding:2rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.love-letter{background:#ffe6e6;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Noto Sans Bengali,sans-serif;font-size:1rem;line-height:1.5;margin:20px;padding:20px}.love-letter h1{color:#ff5c8a;font-size:2rem;margin-bottom:10px}.gallery{margin:20px}.gallery h2{color:#ff5c8a;margin-bottom:10px}.gallery-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.gallery-image{border:2px solid #ffccd5;border-radius:8px;height:auto;max-width:200px;transition:transform .3s ease;width:100%}.gallery-image:hover{transform:scale(1.05)}.surprise-section{margin:20px}.surprise-button{background:#ff5c8a;border-radius:5px;font-size:1rem;padding:10px 20px;transition:background .3s ease}.surprise-button:hover{background:#ff2a68}.surprise-message{animation:fadeIn 2s ease-in;font-style:italic;margin-top:15px}.surprise-message img{border-radius:8px;margin-top:10px;max-width:150px;width:100%}@media (max-width:768px){.App-header h1{font-size:2rem}main{padding:1rem}}@media (max-width:600px){.App-header{padding:15px}.love-letter{margin:15px;padding:15px}.love-letter h1{font-size:1.8rem}.gallery-grid{align-items:center;flex-direction:column}.gallery-image{max-width:100%}.surprise-button{font-size:1.1rem;padding:12px;width:80%}}.countdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;margin:2rem auto;max-width:800px;padding:2rem;text-align:center}.countdown-message{margin-bottom:2rem}.countdown-message h2{color:#fff;font-size:2rem;margin:0;text-shadow:2px 2px 4px #0003}.countdown-timer{align-items:center;display:flex;gap:1rem;justify-content:center}.countdown-item{animation:pulse 2s infinite;background:#ffffff26;border-radius:15px;box-shadow:0 8px 32px #0000001a;min-width:120px;padding:1.5rem}.countdown-value{color:#fff;font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.countdown-label{color:#ffffffe6;font-size:1.2rem}.countdown-separator{animation:blink 1s infinite;color:#fff;font-size:3rem;margin-top:-1rem;text-shadow:2px 2px 4px #0003}.countdown.finished{padding:3rem}.countdown.finished h2{animation:scaleIn .5s ease-out;font-size:3rem;margin-bottom:1rem}.countdown.finished p{animation:fadeIn .5s ease-out .5s forwards;color:#fff;font-size:1.5rem;opacity:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.countdown{margin:1rem;padding:1rem}.countdown-message h2{font-size:1.5rem}.countdown-timer{flex-wrap:wrap;gap:.5rem}.countdown-item{min-width:80px;padding:1rem}.countdown-value{font-size:2rem}.countdown-label{font-size:1rem}.countdown-separator{font-size:2rem;margin-top:-.5rem}.countdown.finished h2{font-size:2rem}.countdown.finished p{font-size:1.2rem}}.gallery{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;margin:2rem auto;max-width:1000px;padding:2rem;position:relative}.gallery h2{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px #0003}.memory-timeline{align-items:center;display:flex;gap:2rem;justify-content:center;position:relative}.memory-card{background:#ffffff26;border-radius:15px;cursor:pointer;max-width:600px;overflow:hidden;padding:1rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.memory-card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.memory-date{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.memory-image{aspect-ratio:1;border-radius:10px;margin-bottom:1rem;object-fit:cover;transition:transform .3s ease;width:100%}.memory-card:hover .memory-image{transform:scale(1.02)}.memory-description{color:#fff;font-size:1.2rem;line-height:1.6;text-shadow:1px 1px 2px #0000001a}.gallery-nav-button{align-items:center;background:#2c3e50;border:none;border-radius:12px;box-shadow:0 4px 15px #0006;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.gallery-nav-button:hover{background:#34495e;box-shadow:0 6px 20px #00000080;color:#fff;transform:translateY(-50%) scale(1.1)}.gallery-nav-button.prev{left:-40px}.gallery-nav-button.next{right:-40px}.memory-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.indicator{background:#ffffff4d;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.indicator.active{background:#fff;transform:scale(1.2)}.floating-heart{animation:floatHeart 1s ease-out forwards;font-size:2rem;position:fixed;z-index:1000}@keyframes floatHeart{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:translateY(-100px) scale(1.5)}}@media (max-width:768px){.gallery{margin:1rem;padding:1rem}.gallery h2{font-size:1.8rem;margin-bottom:1.5rem}.memory-timeline{gap:1rem}.memory-card{padding:.8rem}.memory-date{font-size:1.2rem;margin-bottom:.8rem}.memory-description{font-size:1rem;line-height:1.4}.gallery-nav-button{font-size:20px;height:40px;width:40px}}.surprise-section{align-items:center;background:linear-gradient(135deg,#ffc0cb33,#ffb6c14d);border-radius:20px;display:flex;justify-content:center;margin:1rem auto;max-width:800px;min-height:60vh;overflow:hidden;padding:1.5rem;position:relative}.surprise-section:before{animation:rotateBackground 60s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,192,203,0.2)' d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");content:"";height:200%;opacity:.3;position:absolute;width:200%}.surprise-button{background:linear-gradient(45deg,#ff6b6b,#ffd93d);border:none;border-radius:50px;box-shadow:0 10px 20px #ff69b433,0 6px 6px #0000001a,0 0 100px #ff69b433;color:#fff;cursor:pointer;font-size:1.8rem;overflow:hidden;padding:2rem 4rem;position:relative;transition:all .3s ease;z-index:1}.surprise-button:before{animation:shimmer 3s infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.surprise-button:hover{box-shadow:0 15px 30px #ff69b44d,0 10px 10px #00000026,0 0 150px #ff69b44d;transform:translateY(-5px) scale(1.05)}.button-text{font-family:Noto Sans Bengali,sans-serif;position:relative;text-shadow:2px 2px 4px #0003;z-index:2}.button-icon{animation:bounce 1s infinite;font-size:2.2rem;margin-left:1rem;vertical-align:middle}.surprise-section:after{background:radial-gradient(circle at 20% 20%,#ffc0cb66 0,#0000 30%),radial-gradient(circle at 80% 80%,#ffb6c166 0,#0000 30%);content:"";height:100%;pointer-events:none;position:absolute;width:100%}.corner{height:100px;opacity:.5;position:absolute;width:100px}.corner-tl{left:0;top:0;transform:rotate(0deg)}.corner-tr{right:0;top:0;transform:rotate(90deg)}.corner-bl{bottom:0;left:0;transform:rotate(270deg)}.corner-br{bottom:0;right:0;transform:rotate(180deg)}.surprise-content{max-width:800px;position:relative;text-align:center;width:100%}.message-container{background:linear-gradient(135deg,#ffc0cbe6,#ffdae0e6);border-radius:20px;box-shadow:0 10px 30px #ff69b433,inset 0 0 20px #ffffff80;overflow:hidden;padding:3rem;position:relative}.message-container:after,.message-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";height:150px;opacity:.1;pointer-events:none;position:absolute;width:150px}.message-container:before{left:-50px;top:-50px;transform:rotate(-30deg)}.message-container:after{bottom:-50px;right:-50px;transform:rotate(30deg)}.message{animation:messageFloat .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:15px;padding:2rem;position:relative}.message:after,.message:before{color:#ff69b499;content:"❀";font-size:1.5rem;position:absolute}.message:before{left:10px;top:10px}.message:after{bottom:10px;right:10px;transform:rotate(180deg)}.bengali-text{-webkit-text-fill-color:#0000;animation:fadeInScale .5s ease-out;background:linear-gradient(45deg,#ff1493,#ff69b4);-webkit-background-clip:text;font-family:Noto Sans Bengali,sans-serif;font-size:2rem;margin:1.5rem 0;position:relative;text-shadow:2px 2px 4px #0000001a;z-index:1}.bengali-text:after,.bengali-text:before{background:linear-gradient(90deg,#0000,#ff69b480,#0000);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.bengali-text:before{top:-10px}.bengali-text:after{bottom:-10px}.heart-emoji{animation:pulse 1.5s infinite;font-size:4rem;margin:2rem 0;position:relative}.heart-emoji:after{animation:glow 1.5s infinite;background:radial-gradient(circle,#ff69b433 0,#0000 70%);content:"";filter:blur(10px);left:50%;top:50%;transform:translate(-50%,-50%)}.decorative-border,.heart-emoji:after{height:100%;position:absolute;width:100%}.decorative-border{border:2px solid #ffffff4d;border-radius:15px;left:0;pointer-events:none;top:0}.decorative-border:after,.decorative-border:before{animation:rotatePulse 3s infinite;color:#ff69b499;content:"♥";font-size:1.2rem;position:absolute}.decorative-border:before{left:-10px;top:-10px}.decorative-border:after{bottom:-10px;right:-10px}.floating-hearts{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-heart{text-shadow:0 0 10px #ff69b480}.special-effects{left:0;pointer-events:none;top:0}.sparkles,.special-effects{height:100%;position:absolute;width:100%}.sparkles{animation:sparkle 2s linear infinite;background-image:radial-gradient(circle at center,#fff 0,#0000 .5%),radial-gradient(circle at center,#fff 0,#0000 .5%);background-size:100px 100px}.love-birds{animation:flyIn 1s ease-out;bottom:2rem;font-size:2rem;position:absolute;text-align:center;width:100%}.fade-in{animation:fadeIn .5s ease-out}.promise-book{margin:0 auto;max-width:800px;padding:2rem;width:100%}.book-container{animation:bookOpen 1s ease-out;background:linear-gradient(90deg,#f9f4e8,#fff);border-radius:20px;box-shadow:0 0 10px #0000001a,0 0 30px #ffc0cb33;padding:3rem;perspective:1000px;position:relative;transform-style:preserve-3d}.book-container:before{background:linear-gradient(45deg,#0000 48%,#ffc0cb1a 50%,#0000 52%);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.page-content{align-items:center;animation:pageReveal .5s ease-out;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:400px;text-align:center}.promise-icon{animation:iconFloat 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.promise-title{color:#ff4757;font-size:2.5rem;text-shadow:2px 2px 4px #0000001a}.promise-text,.promise-title{font-family:Noto Sans Bengali,sans-serif;margin:1rem 0}.promise-text{color:#555;font-size:1.8rem;line-height:1.6;padding:0 2rem}.book-navigation{align-items:center;border-top:1px solid #0000001a;display:flex;gap:2rem;justify-content:center;margin-top:2rem;padding-top:2rem}.nav-button{background:none;border:none;color:#ff4757;cursor:pointer;font-size:2rem;opacity:.7;padding:.5rem 1rem;transition:all .3s ease}.nav-button:hover:not(:disabled){opacity:1;transform:scale(1.2)}.nav-button:disabled{cursor:not-allowed;opacity:.3}.page-number{color:#666;font-size:1.2rem}.special-gift{animation:giftPulse 2s infinite;background:linear-gradient(135deg,#fff6f6,#fff9f9);border:2px dashed #ff4757;border-radius:15px;margin-top:2rem;padding:2rem}.special-gift p{color:#ff4757;font-size:1.5rem;margin:.5rem 0}.gift-hint{color:#666!important;font-size:1.2rem!important;margin-top:1rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes flyIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes floatWithGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,105,180,.5));transform:translateY(0) scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,105,180,.8));transform:translateY(-10px) scale(1.1)}}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes rotatePulse{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}@keyframes rotateBackground{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:rotate(45deg) translateY(-100%)}to{transform:rotate(45deg) translateY(100%)}}@keyframes messageFloat{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bookOpen{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes pageReveal{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes giftPulse{0%,to{box-shadow:0 0 0 0 #ff475766}50%{box-shadow:0 0 0 10px #ff475700}}@media (max-width:768px){.surprise-section{min-height:50vh;padding:1rem}.surprise-button{font-size:1.4rem;padding:1.5rem 2.5rem}.button-icon{font-size:1.8rem}.message{margin:.5rem;padding:1rem}.bengali-text{font-size:1.2rem;line-height:1.6}.promise-book{aspect-ratio:1;max-width:100%;padding:1rem;width:100%}.book-container{padding:1rem}.promise-icon{font-size:2.5rem;margin-bottom:.8rem}.promise-title{font-size:1.4rem;margin-bottom:.8rem}.promise-text{font-size:1rem;line-height:1.4}.book-navigation{margin-top:1rem}.nav-button{font-size:18px;height:32px;width:32px}}.typewriter-letter{background:#ffe6e6b3;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Noto Sans Bengali,sans-serif;font-size:1.2rem;margin:20px;min-height:150px;padding:20px;text-align:left;white-space:pre-wrap}.love-letter-container{margin:2rem auto;max-width:800px;perspective:1000px}.envelope{animation:float 3s ease-in-out infinite;cursor:pointer;height:400px;margin:0 auto;max-width:600px;position:relative;transform-style:preserve-3d;transition:all .5s ease;width:100%}.envelope:after{animation:bounce 1s ease-in-out infinite;bottom:-40px;color:#fff;content:"ক্লিক করুন ❤";font-size:1.2rem;left:50%;position:absolute;text-shadow:0 2px 4px #0003;transform:translateX(-50%)}.envelope:hover{transform:scale(1.02) rotate(-1deg)}.envelope-front{background:linear-gradient(45deg,#ff9a9e,#fad0c4 99%,#fad0c4);border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 15px 35px #0003;height:100%;overflow:hidden;position:relative;width:100%}.envelope-front:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.envelope-flap{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-top:2px solid #ffffff4d;clip-path:polygon(0 0,50% 50%,100% 0);height:50%;left:0;position:absolute;top:0;transform-origin:top;transition:transform .5s ease;width:100%}.envelope:hover .envelope-flap{animation:flickerShadow 1s ease-in-out infinite;transform:rotateX(10deg)}.envelope-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1}.envelope-content span{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;display:block;font-family:Noto Sans Bengali,sans-serif;font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000001a}.heart-seal{animation:pulse 1.5s infinite;color:#ff4757;font-size:4rem;position:relative;text-shadow:0 0 10px #ff475780}.heart-seal:after{animation:glow 2s ease-in-out infinite;content:"❤";left:0;opacity:.5;position:absolute;top:0}.letter{margin:0 auto;max-width:800px;opacity:0;transform:translateY(20px);width:100%}.letter.opened{animation:letterAppear 1s forwards}.letter-border{background:linear-gradient(135deg,#fff5f6,#fff);border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:3rem;position:relative}.corner-decoration{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 25c0-4.142-3.858-8-8-8-4.142 0-8 3.858-8 8 0 4.142 3.858 8 8 8 4.142 0 8-3.858 8-8zm16 0c0-4.142-3.858-8-8-8-4.142 0-8 3.858-8 8 0 4.142 3.858 8 8 8 4.142 0 8-3.858 8-8z' fill='%23ff6b81' fill-opacity='.1'/%3E%3C/svg%3E");height:50px;opacity:.5;position:absolute;width:50px}.top-left{left:10px;top:10px;transform:rotate(-90deg)}.top-right{right:10px;top:10px}.bottom-left{bottom:10px;left:10px;transform:rotate(180deg)}.bottom-right{bottom:10px;right:10px;transform:rotate(90deg)}.letter-content{color:#444;font-family:Noto Sans Bengali,sans-serif;line-height:1.8;position:relative}.letter-footer,.letter-header{margin:2rem 0;text-align:center}.heart-decoration{animation:pulse 2s infinite;color:#ff4757;font-size:2rem}.letter-content p{font-size:1.2rem;margin:1.5rem 0;opacity:.9;text-align:justify}.floating-heart{animation:floatUp 3s ease-out forwards;color:#ff4757;font-size:1.5rem;pointer-events:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes letterAppear{to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1.5)}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}@keyframes glow{0%,to{filter:blur(5px);transform:scale(1.2)}50%{filter:blur(10px);transform:scale(1.5)}}@keyframes flickerShadow{0%,to{box-shadow:0 5px 15px #ff475733}50%{box-shadow:0 5px 25px #ff475766}}@media (max-width:768px){.love-letter-container{margin:1rem}.envelope{height:300px}.envelope-content span{font-size:1.5rem}.letter-border{padding:1.5rem}.letter-content p{font-size:1rem}.corner-decoration{height:30px;width:30px}}.falling-hearts{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.heart{animation:fall 6s linear infinite;animation:fall var(--fall-duration,6s) linear infinite;color:#fff9;font-size:1.5rem;position:fixed;text-shadow:0 0 5px #ffc0cb80;top:-20px;transform-origin:center}@keyframes fall{0%{opacity:0;transform:translateY(-20px) rotate(0deg) scale(.6)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(1turn) scale(1)}}.heart:nth-child(2n){animation-delay:-2s;font-size:1rem}.heart:nth-child(3n){animation-delay:-3s;font-size:2rem}.heart:nth-child(4n){animation-delay:-4s;font-size:.8rem}.heart:nth-child(5n){animation-delay:-5s;font-size:1.2rem}.heart:first-child{--fall-duration:5s;left:5%}.heart:nth-child(2){--fall-duration:7s;left:15%}.heart:nth-child(3){--fall-duration:6s;left:25%}.heart:nth-child(4){--fall-duration:8s;left:35%}.heart:nth-child(5){--fall-duration:5.5s;left:45%}.heart:nth-child(6){--fall-duration:6.5s;left:55%}.heart:nth-child(7){--fall-duration:7.5s;left:65%}.heart:nth-child(8){--fall-duration:5s;left:75%}.heart:nth-child(9){--fall-duration:6s;left:85%}.heart:nth-child(10){--fall-duration:7s;left:95%}.heart:nth-child(11){--fall-duration:6.2s;left:10%}.heart:nth-child(12){--fall-duration:7.3s;left:20%}.heart:nth-child(13){--fall-duration:5.8s;left:30%}.heart:nth-child(14){--fall-duration:6.8s;left:40%}.heart:nth-child(15){--fall-duration:7.8s;left:50%}.heart:nth-child(16){--fall-duration:5.3s;left:60%}.heart:nth-child(17){--fall-duration:6.7s;left:70%}.heart:nth-child(18){--fall-duration:7.4s;left:80%}.heart:nth-child(19){--fall-duration:5.9s;left:90%}.heart:nth-child(20){--fall-duration:6.4s;left:100%}.welcome-overlay{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ffd93d);display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity 1s ease-in-out;width:100%;z-index:9999}.welcome-overlay.fade-out{opacity:0}.welcome-content{animation:scaleIn 1s ease-out;padding:2rem;position:relative;text-align:center}.heart-container{height:100px;left:50%;position:absolute;top:-100px;transform:translateX(-50%);width:100px}.heart-fill,.heart-outline{background:radial-gradient(circle at 60% 65%,currentColor 64%,#0000 65%) 0 0,radial-gradient(circle at 40% 65%,currentColor 64%,#0000 65%) 100% 0,linear-gradient(to bottom left,currentColor 43%,#0000 0) 0 100%,linear-gradient(to bottom right,currentColor 43%,#0000 0) 100% 100%;background-repeat:no-repeat;background-size:50% 50%;height:100%;position:absolute;transform-origin:center 66%;width:100%}.heart-outline{animation:heartbeat 1.5s ease-in-out infinite;color:#ffffff80;transform:scale(1.1)}.heart-fill{animation:heartbeat 1.5s ease-in-out .15s infinite;color:#ff4757}.welcome-title{color:#fff;font-family:Dancing Script,cursive;font-size:4rem;margin:2rem 0;text-shadow:2px 2px 8px #0003}.name-line,.text-line{animation:slideIn 1s ease-out;display:block}.name-line{animation:slideIn 1s ease-out .3s both;color:#fff;font-size:5rem;margin-top:1rem}.bengali-love{animation:slideIn 1s ease-out .6s both;color:#fff;display:block;font-family:Noto Sans Bengali,sans-serif;font-size:2.5rem;margin-top:2rem}.floating-hearts-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-heart{animation:float 3s ease-in-out infinite;color:#fffc;position:absolute}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.welcome-content:before{animation:sparkle 2s linear infinite;background-image:radial-gradient(circle at center,#fff 0,#0000 .5%),radial-gradient(circle at center,#fff 0,#0000 .5%);background-size:100px 100px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes sparkle{0%{background-position:0 0;opacity:.5}to{background-position:100px 100px;opacity:.8}}@media (max-width:768px){.welcome-title{font-size:3rem}.name-line{font-size:3.5rem}.bengali-love{font-size:2rem}.heart-container{height:80px;top:-80px;width:80px}}.love-question-container{background:#ffe6f2;border:2px dashed #ff99c2;border-radius:15px;box-shadow:0 4px 8px #0000001a;font-family:Comic Sans MS,Comic Sans,cursive;margin:20px 0;min-height:250px;padding:30px;position:relative;text-align:center}.question-container h2{color:#d63384;font-size:28px;margin-bottom:20px;text-shadow:1px 1px 2px #fff}.buttons{display:flex;gap:40px;justify-content:center;min-height:60px;position:relative}.no-button,.yes-button{border:2px solid #0000;border-radius:25px;cursor:pointer;font-size:20px;min-width:100px;padding:15px 25px;transition:background-color .3s ease,transform .3s ease}.yes-button{background-color:#ff66b2;box-shadow:0 4px 6px #0000001a;color:#fff}.yes-button:hover{background-color:#ff3385;transform:scale(1.05)}.no-button{background-color:#ff4d4d;box-shadow:0 4px 6px #0000001a;color:#fff}.no-button:hover{background-color:#e60000;transform:scale(1.05)}.love-message h2{animation:fadeIn 1s ease-in-out;color:#ff1a75;font-size:32px;margin-top:20px;text-shadow:2px 2px 4px #fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.no-button,.yes-button{font-size:22px;padding:20px 30px}.question-container h2{font-size:32px}.love-message h2{font-size:36px}}body{background-color:#fff0f6;margin:0;padding:0}
/*# sourceMappingURL=main.7c7806bd.css.map*/