@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:radial-gradient(circle at 20% 20%,#ffe5ec,transparent 40%),radial-gradient(circle at 80% 80%,#ffd6e0,transparent 40%),linear-gradient(135deg,#fff0f3,#f8e9ec,#f2e4e7);overflow-x:hidden;color:#444;line-height:1.7}.romantic-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.romantic-bg span{position:absolute;bottom:-120px;font-size:22px;color:#ff4d6d;opacity:.7;animation:floatLove linear infinite;filter:drop-shadow(0 0 8px rgba(255,80,120,.5))}.romantic-bg span:before{content:"❤"}.romantic-bg span:nth-child(1){left:5%;animation-duration:12s;font-size:20px}.romantic-bg span:nth-child(2){left:15%;animation-duration:15s;font-size:26px}.romantic-bg span:nth-child(3){left:25%;animation-duration:18s;font-size:22px}.romantic-bg span:nth-child(4){left:35%;animation-duration:14s;font-size:30px}.romantic-bg span:nth-child(5){left:45%;animation-duration:16s;font-size:18px}.romantic-bg span:nth-child(6){left:55%;animation-duration:20s;font-size:24px}.romantic-bg span:nth-child(7){left:65%;animation-duration:17s;font-size:28px}.romantic-bg span:nth-child(8){left:75%;animation-duration:13s;font-size:22px}.romantic-bg span:nth-child(9){left:85%;animation-duration:19s;font-size:26px}.romantic-bg span:nth-child(10){left:95%;animation-duration:15s;font-size:20px}@keyframes floatLove{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:.8}50%{transform:translateY(-50vh) scale(1)}to{transform:translateY(-110vh) scale(1.2);opacity:0}}.envelope-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column}.envelope{position:relative;width:380px;height:260px;cursor:pointer;perspective:1000px;animation:envelopeGlow 3s infinite alternate}@keyframes envelopeGlow{0%{filter:drop-shadow(0 0 10px rgba(255,120,150,.3))}to{filter:drop-shadow(0 0 30px rgba(255,120,150,.6))}}.envelope:before{content:"";position:absolute;width:100%;height:100%;background:#f8c8dc;border-radius:12px;box-shadow:0 25px 60px #00000040;z-index:1}.flap{position:absolute;width:100%;height:100px;background:linear-gradient(135deg,#ffafcc,#ff8fab);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform 1.4s cubic-bezier(.22,1,.36,1);z-index:4}.letter{position:absolute;width:88%;height:200px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);left:6%;top:40px;border-radius:12px;text-align:center;padding-top:50px;box-shadow:0 20px 40px #00000040;transition:transform 1.5s cubic-bezier(.22,1,.36,1);z-index:3}.letter h3{font-family:Playfair Display,serif;font-size:28px;color:#c9184a;letter-spacing:1px}.letter p{color:#666;font-size:16px;margin-top:8px}.envelope.open .flap{transform:rotateX(-190deg)}.envelope.open .letter{transform:translateY(-190px) scale(1.05)}.invitation-content{width:100%;animation:cinemaReveal 1.8s ease}@keyframes cinemaReveal{0%{opacity:0;transform:scale(.85) translateY(50px);filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.Intro_Container{text-align:center;padding:80px 20px}.anniversary-header h1{font-family:Playfair Display,serif;font-size:60px;color:#c9184a;margin-bottom:15px;letter-spacing:3px;text-shadow:0 3px 8px rgba(0,0,0,.1),0 0 25px rgba(255,120,150,.3)}.anniversary-sub{font-size:20px;color:#6d6875;margin-bottom:35px;font-style:italic;letter-spacing:1px}.video-player{max-width:850px;margin:auto}.video-player video{width:100%;border-radius:15px;box-shadow:0 20px 50px #00000040}.anniversary-message{max-width:750px;margin:50px auto;font-size:19px;color:#555;line-height:1.9;font-style:italic}.anniversary-message h3{margin-top:25px;color:#c9184a;font-family:Playfair Display,serif;font-size:32px}.story-container{max-width:1100px;margin:auto;padding:80px 20px}.story-title{text-align:center;font-family:Playfair Display,serif;font-size:56px;margin-bottom:70px;color:#c9184a;letter-spacing:3px;text-shadow:0 3px 8px rgba(0,0,0,.1),0 0 25px rgba(255,120,150,.3)}.story-card{display:flex;align-items:center;gap:40px;margin-bottom:70px}.story-card:nth-child(2n){flex-direction:row-reverse}.story-card img{width:420px;height:280px;object-fit:cover;border-radius:15px;box-shadow:0 20px 40px #00000040;transition:all .6s ease}.story-card img:hover{transform:scale(1.08) rotate(.5deg);filter:brightness(1.1) contrast(1.05)}.story-text{max-width:500px}.story-text h3{font-family:Playfair Display,serif;font-size:30px;margin-bottom:12px;color:#333;letter-spacing:1px}.story-text p{font-size:18px;color:#666;line-height:1.8;font-style:italic}.story-card:before{content:"❤";font-size:26px;color:#ff4d6d;margin-right:10px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}@media(max-width:768px){.story-card{flex-direction:column;text-align:center}.story-card:nth-child(2n){flex-direction:column}.story-card img{width:100%;height:auto}.story-text{max-width:100%}.anniversary-header h1{font-size:40px}.story-title{font-size:38px}}.share-container{text-align:center;margin-top:60px}.share-container h3{font-family:Playfair Display,serif;font-size:28px;color:#c9184a;margin-bottom:20px}.share-buttons{display:flex;justify-content:center;gap:20px}.footer{flex:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 15px 40px #0000001a;color:#fff;padding:70px 8% 20px;font-family:Poppins,sans-serif}.footer-container{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-brand{max-width:400px}.footer-logo{width:60px;margin-bottom:10px}.footer-brand h2{font-size:28px;color:#b76e79}.footer-brand p{margin-top:10px;color:#676666;line-height:1.6}.footer-invite{max-width:400px}.footer-invite h3{font-size:22px;color:#b76e79}.footer-invite p{margin-top:10px;color:#676666}.footer-btn{display:inline-block;margin-top:20px;padding:12px 28px;background:linear-gradient(45deg,#d4377e,#f56eb6);color:#f9f1f1;font-weight:600;text-decoration:none;border-radius:30px;transition:.3s}.footer-btn:hover{transform:translateY(-3px)}.footer-bottom{margin-top:40px;border-top:1px solid rgba(255,255,255,.1);text-align:center;padding-top:15px;color:#aaa}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center;align-items:center}}.music-container{position:fixed;bottom:20px;right:20px;text-align:center}.music-container button{background:#c92360b8;border:none;border-radius:50%;padding:15px;font-size:22px;cursor:pointer;color:#fff;animation:pulse 2s infinite}.spin{animation:rotate 5s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #7c023be7}70%{box-shadow:0 0 0 15px #d6338400}}.loader-container{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-content{text-align:center;color:#d4af37}.loader-title{font-family:Great Vibes,cursive;font-size:40px;margin-bottom:20px}.loader-text{margin-top:20px;font-size:14px;letter-spacing:2px}.loader-ring{width:60px;height:60px;border:4px solid rgba(212,175,55,.3);border-top:4px solid #d4af37;border-radius:50%;margin:auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}