:root{--primary-pink: #ff6b9d;--secondary-pink: #ffc2d1;--deep-pink: #c44569;--light-pink: #ffe5ec;--gold: #ffd700;--white: #ffffff;--gradient-romantic: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #feca57 100%);--gradient-soft: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);--gradient-love: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--shadow-soft: 0 10px 40px rgba(255, 107, 157, .3);--shadow-strong: 0 20px 60px rgba(255, 107, 157, .5)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.birthday-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#feca57);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.music-control{position:fixed;top:20px;right:20px;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);border:none;padding:12px 24px;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--deep-pink);box-shadow:var(--shadow-soft);transition:all .3s ease}.music-control:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-strong)}.music-icon{font-size:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.final-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:60px 20px;overflow:hidden}.background-hearts{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.bg-heart{position:absolute;font-size:clamp(20px,3vw,40px);opacity:0;animation:floatHeart 8s ease-in-out infinite}@keyframes floatHeart{0%{opacity:0;transform:translateY(100vh) rotate(0) scale(.5)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) rotate(360deg) scale(1.5)}}.final-content-wrapper{position:relative;z-index:10;max-width:900px;width:100%}.final-emoji-wrapper{text-align:center;position:relative;margin-bottom:40px}.final-emoji{font-size:clamp(80px,15vw,150px);display:inline-block;animation:heartBeat 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,107,157,.8))}.emoji-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,107,157,.4) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite;pointer-events:none}@keyframes heartBeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(.95)}}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.final-message{display:flex;flex-direction:column;gap:30px}.message-card{background:#fffffff2;backdrop-filter:blur(20px);border-radius:30px;padding:40px;box-shadow:var(--shadow-soft);text-align:center;border:2px solid rgba(255,255,255,.3);transition:all .4s ease}.message-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong);border-color:var(--primary-pink)}.fade-in-up{opacity:0;animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.final-birthday{font-size:clamp(28px,5vw,48px);font-weight:800;background:var(--gradient-love);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.3}.final-love{font-size:clamp(24px,4vw,38px);font-weight:700;color:var(--deep-pink);margin:0;line-height:1.4}.final-forever{font-size:clamp(18px,3vw,28px);color:#555;font-weight:500;margin:0;line-height:1.5}.quote-card{background:linear-gradient(135deg,#ff6b9d1a,#f725851a);backdrop-filter:blur(20px);border-radius:30px;padding:50px 40px;position:relative;border:2px solid rgba(255,107,157,.3);box-shadow:0 15px 50px #ff6b9d33}.quote-mark{font-size:80px;color:var(--primary-pink);opacity:.3;position:absolute;top:20px;left:30px;line-height:0;font-family:Georgia,serif}.quote-mark.closing{inset:auto 30px 20px auto;transform:rotate(180deg)}.final-quote{font-size:clamp(18px,3vw,26px);font-style:italic;color:#333;line-height:1.8;margin:0;position:relative;z-index:1}.floating-love-hearts{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.float-heart{position:absolute;font-size:30px;animation:floatSide 6s ease-in-out infinite;opacity:.7}.float-heart:nth-child(odd){left:10%}.float-heart:nth-child(2n){right:10%}@keyframes floatSide{0%,to{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.7}50%{transform:translateY(-50vh) rotate(180deg)}90%{opacity:.7}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.love-letter-section{padding:100px 20px;position:relative;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.letter-container{max-width:800px;margin:0 auto;background:#fffffffa;border-radius:30px;box-shadow:0 30px 80px #0003;overflow:hidden;opacity:0;transform:scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.letter-container.visible{opacity:1;transform:scale(1)}.letter-header{background:var(--gradient-love);color:#fff;padding:40px 30px;text-align:center;font-size:clamp(26px,4vw,36px);font-weight:700;position:relative;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 5px 20px #ff6b9d4d}.header-decoration{font-size:clamp(20px,3vw,28px);animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(1.2) rotate(180deg)}}.letter-content{padding:60px 50px;color:#333;line-height:2;font-size:clamp(16px,2vw,18px)}.letter-opening{margin-bottom:30px}.letter-opening p{font-style:italic;color:var(--deep-pink);font-size:clamp(18px,2.5vw,22px);font-weight:600}.letter-content p{margin-bottom:25px;text-align:justify}.highlight-box{background:linear-gradient(135deg,#ffc1d14d,#ffe5ec4d);border-left:5px solid var(--primary-pink);border-radius:15px;padding:30px;margin:40px 0;position:relative;box-shadow:0 5px 20px #ff6b9d1a;display:flex;gap:20px;align-items:flex-start}.highlight-icon{font-size:40px;flex-shrink:0;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.highlight-content{flex:1}.highlight-box strong{color:var(--deep-pink);font-size:1.1em}.letter-signature{padding:40px 50px;text-align:right;font-style:italic;color:#666;border-top:2px dashed rgba(255,107,157,.3);background:linear-gradient(to bottom,transparent,rgba(255,229,236,.2));position:relative}.signature-line{width:200px;height:2px;background:var(--gradient-love);margin:0 0 15px auto;border-radius:2px}.letter-signature small{display:block;margin-top:10px;font-size:14px}.signature-hearts{display:flex;justify-content:flex-end;gap:10px;margin-top:15px;font-size:24px}.signature-hearts span{animation:heartBounce 1.5s ease-in-out infinite}.signature-hearts span:nth-child(2){animation-delay:.2s}.signature-hearts span:nth-child(3){animation-delay:.4s}@keyframes heartBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.gifts-section{padding:100px 20px 120px;position:relative}.section-header{text-align:center;margin-bottom:20px}.section-title{font-size:clamp(32px,5vw,48px);font-weight:800;background:var(--gradient-love);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;display:inline-block}.title-underline{width:100px;height:4px;background:var(--gradient-love);margin:0 auto 30px;border-radius:2px;animation:expandWidth 1s ease-out}@keyframes expandWidth{0%{width:0}to{width:100px}}.section-subtitle{text-align:center;font-size:clamp(16px,2vw,20px);color:#fffffff2;max-width:700px;margin:0 auto 60px;line-height:1.8;text-shadow:0 2px 10px rgba(0,0,0,.2)}.gifts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1000px;margin:0 auto;padding:0 20px}.gift-card{background:#fffffffa;border-radius:30px;padding:50px 35px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:slideUp .8s ease forwards;border:3px solid transparent}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.gift-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 30px 80px #ff6b9d66;border-color:var(--primary-pink)}.gift-card.active{background:linear-gradient(135deg,#fffffffa,#ffe5ecfa)}.gift-icon-wrapper{position:relative;display:inline-block;margin-bottom:25px}.gift-icon{font-size:clamp(60px,8vw,90px);display:inline-block;animation:floatIcon 3s ease-in-out infinite;position:relative;z-index:2}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(255,107,157,.3) 0%,transparent 70%);animation:iconGlowPulse 2s ease-in-out infinite;z-index:1}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes iconGlowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.gift-title{font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--deep-pink);margin-bottom:20px}.gift-description{font-size:clamp(15px,2vw,17px);color:#555;line-height:1.8;margin-bottom:25px}.gift-meaning{background:linear-gradient(135deg,#ffc1d133,#ffe5ec33);border-radius:15px;padding:25px;text-align:left;display:flex;gap:15px;align-items:flex-start;border:2px solid rgba(255,107,157,.2)}.meaning-icon{font-size:28px;flex-shrink:0}.meaning-content{flex:1;font-size:clamp(14px,1.8vw,16px);line-height:1.8;color:#444}.meaning-content strong{color:var(--deep-pink);font-size:1.05em}.sparkles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.gift-card:hover .sparkles{opacity:1}.sparkle{position:absolute;font-size:20px;animation:sparkleFloat 2s ease-in-out infinite}.sparkle:nth-child(1){top:10%;left:10%}.sparkle:nth-child(2){top:20%;right:15%}.sparkle:nth-child(3){top:60%;left:15%}.sparkle:nth-child(4){bottom:20%;right:20%}.sparkle:nth-child(5){top:40%;left:5%}.sparkle:nth-child(6){top:70%;right:10%}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1);opacity:0}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.countdown-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--gradient-romantic);background-size:400% 400%;animation:gradientShift 15s ease infinite}.countdown-content{text-align:center;max-width:700px;background:#fffffff2;padding:60px 40px;border-radius:30px;box-shadow:var(--shadow-strong)}.countdown-title{font-size:clamp(32px,5vw,48px);color:var(--deep-pink);margin-bottom:20px;font-weight:800}.countdown-subtitle{font-size:clamp(16px,2vw,20px);color:#555;margin-bottom:15px}.target-date{font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--primary-pink);margin-bottom:40px}.countdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;margin-bottom:40px}.countdown-box{background:var(--gradient-love);padding:25px 15px;border-radius:20px;box-shadow:0 10px 30px #ff6b9d4d}.countdown-number{font-size:clamp(36px,6vw,56px);font-weight:800;color:#fff;line-height:1;margin-bottom:10px}.countdown-label{font-size:clamp(14px,2vw,18px);color:#ffffffe6;font-weight:600}.countdown-message{font-size:clamp(16px,2vw,20px);color:#666;font-style:italic}.floating-hearts{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none}.floating-heart{position:absolute;animation:floatUp 5s ease-in-out infinite;opacity:0}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) scale(.5)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(-100vh) scale(1.5)}}.expired-message{margin:40px 0;padding:30px;background:linear-gradient(135deg,#ffc1d133,#ffe5ec33);border-radius:20px;border:2px solid rgba(255,107,157,.2)}.expired-message p{font-size:clamp(16px,2vw,20px);color:#666;margin-bottom:15px;line-height:1.6}.expired-message p:last-child{margin-bottom:0}.redirect-message{font-weight:600;color:var(--deep-pink);font-style:italic}.expired-icon{font-size:clamp(60px,10vw,100px);margin-top:20px;animation:sadFade 2s ease-in-out infinite}@keyframes sadFade{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media(max-width:768px){.letter-content,.letter-signature{padding:40px 30px}.highlight-box{flex-direction:column;align-items:center;text-align:center;padding:25px 20px}.gifts-grid{grid-template-columns:1fr;gap:30px}.gift-meaning{flex-direction:column;align-items:center;text-align:center}.quote-mark{font-size:60px;top:10px;left:15px}.quote-mark.closing{bottom:10px;right:15px}.music-control{top:15px;right:15px;padding:10px 20px;font-size:13px}}@media(max-width:480px){.message-card{padding:30px 25px;border-radius:20px}.letter-container{border-radius:20px}.letter-header{padding:30px 20px}.gift-card{padding:40px 25px;border-radius:20px}}@media print{.music-control,.background-hearts,.floating-love-hearts,.sparkles{display:none!important}.birthday-container{background:#fff}.message-card,.letter-container,.gift-card{box-shadow:none;border:1px solid #ddd}}