@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Quicksand:wght@300;400;600;700&family=Great+Vibes&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Quicksand,sans-serif;background:#fff0f3;color:#5c2434;overflow-x:hidden}.envelope-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffc2d1,#ff8fab);z-index:100000;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.envelope{font-size:120px;animation:envelopeBounce 2s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}@keyframes envelopeBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.envelope-text{font-family:Dancing Script,cursive;font-size:clamp(1.5rem,4vw,2.5rem);color:#a4133c;margin-top:30px;animation:fadeInUp 1s ease-out .5s both}.envelope-hint{font-size:.95rem;color:#c9184a;margin-top:15px;animation:fadeInUp 1s ease-out 1s both;opacity:.8}.hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.falling-heart{position:absolute;top:-60px;animation:fallHeart linear infinite;opacity:.7;filter:drop-shadow(0 0 4px rgba(255,105,135,.4))}@keyframes fallHeart{0%{transform:translateY(-60px) rotate(0) scale(1);opacity:0}10%{opacity:.7}90%{opacity:.5}to{transform:translateY(110vh) rotate(720deg) scale(.5);opacity:0}}.nav-dots{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:15px}.nav-dot{width:14px;height:14px;border-radius:50%;background:#ff69874d;border:2px solid #ff6987;cursor:pointer;transition:all .4s ease;position:relative}.nav-dot.active{background:#ff6987;transform:scale(1.3);box-shadow:0 0 15px #ff698799}.nav-dot:hover{background:#ff6987;transform:scale(1.2)}.nav-dot .tooltip{position:absolute;right:25px;top:50%;transform:translateY(-50%);background:#ff6987;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.nav-dot:hover .tooltip{opacity:1}@media(max-width:768px){.nav-dots{right:15px}.nav-dot{width:10px;height:10px}}.hero-section{background:linear-gradient(135deg,#fff0f3,#ffd6e0,#ffb3c6 60%,#ff8fab);flex-direction:column;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,transparent 70%);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{transform:translate(-10%,-10%) scale(1)}to{transform:translate(10%,10%) scale(1.2)}}.hero-heart-big{font-size:120px;animation:heartPulse 1.5s ease-in-out infinite;margin-bottom:20px;position:relative;z-index:2;filter:drop-shadow(0 10px 30px rgba(255,0,80,.3))}.hero-title{font-family:Great Vibes,cursive;font-size:clamp(3rem,8vw,7rem);color:#c9184a;text-shadow:2px 4px 15px rgba(201,24,74,.2);margin-bottom:10px;animation:fadeInDown 1.5s ease-out;position:relative;z-index:2}.hero-subtitle{font-family:Dancing Script,cursive;font-size:clamp(1.5rem,4vw,3rem);color:#ff6987;margin-bottom:30px;animation:fadeInUp 1.5s ease-out .3s both;position:relative;z-index:2}.hero-date{font-size:1.1rem;color:#a4133c;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 30px;border-radius:50px;border:2px solid rgba(255,105,135,.3);animation:fadeInUp 1.5s ease-out .6s both;position:relative;z-index:2;font-weight:600}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);animation:bounce 2s ease infinite;color:#c9184a;font-size:14px;text-align:center;z-index:2}.scroll-hint .arrow{font-size:28px;display:block;margin-top:5px}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-15px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.floating-hearts-deco{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.float-heart{position:absolute;opacity:.15;animation:floatAround 15s ease-in-out infinite;color:#c9184a}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(10deg)}50%{transform:translate(-20px,-80px) rotate(-5deg)}75%{transform:translate(40px,-40px) rotate(15deg)}}.slider-section{background:linear-gradient(180deg,#ff8fab,#ffc2d1 30%,#fff0f3);flex-direction:column;text-align:center}.slider-container{width:90%;max-width:700px;position:relative;z-index:2}.slider-question{font-family:Dancing Script,cursive;font-size:clamp(2rem,5vw,3.5rem);color:#a4133c;margin-bottom:50px;text-shadow:1px 2px 8px rgba(164,19,60,.15)}.love-slider-wrapper{position:relative;padding:20px 0}.love-slider{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:10px;background:linear-gradient(90deg,#ffc2d1,#ff6987,#c9184a,#800f2f);outline:none;cursor:pointer}.love-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:50px;height:50px;border-radius:50%;background:#ff2d55;cursor:grab;box-shadow:0 0 20px #ff2d5580,0 0 40px #ff2d5533;border:4px solid white;transition:transform .2s}.love-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.love-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.3)}.love-slider::-moz-range-thumb{width:50px;height:50px;border-radius:50%;background:#ff2d55;cursor:grab;box-shadow:0 0 20px #ff2d5580;border:4px solid white}.slider-value-display{margin-top:40px;font-size:1.5rem;color:#c9184a;font-weight:600;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.slider-value-number{font-family:Dancing Script,cursive;font-size:clamp(3rem,8vw,5rem);color:#ff2d55;font-weight:700;text-shadow:2px 3px 10px rgba(255,45,85,.3);transition:all .3s ease}.slider-message{font-size:1.2rem;margin-top:10px;transition:all .3s ease;color:#a4133c}.infinity-mode{animation:infinityGlow 2s ease-in-out infinite alternate}@keyframes infinityGlow{0%{text-shadow:0 0 20px rgba(255,45,85,.5);color:#ff2d55}to{text-shadow:0 0 50px rgba(201,24,74,.8),0 0 80px rgba(255,45,85,.4);color:#c9184a}}.infinity-hearts{display:flex;gap:5px;margin-top:15px;justify-content:center}.infinity-hearts span{font-size:2rem;animation:heartFloat 2s ease-in-out infinite}.infinity-hearts span:nth-child(2){animation-delay:.2s}.infinity-hearts span:nth-child(3){animation-delay:.4s}.infinity-hearts span:nth-child(4){animation-delay:.6s}.infinity-hearts span:nth-child(5){animation-delay:.8s}@keyframes heartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.2)}}.story-section{background:linear-gradient(180deg,#fff0f3,#ffd6e0,#ffb3c6);flex-direction:column;text-align:center;padding:80px 20px}.story-title{font-family:Great Vibes,cursive;font-size:clamp(2.5rem,6vw,4.5rem);color:#c9184a;margin-bottom:20px}.story-date-badge{display:inline-block;background:linear-gradient(135deg,#ff6987,#c9184a);color:#fff;padding:10px 30px;border-radius:50px;font-weight:600;font-size:1.1rem;margin-bottom:40px;box-shadow:0 8px 25px #c9184a4d}.story-text{max-width:700px;font-size:1.15rem;line-height:2;color:#5c2434;margin:0 auto 40px;padding:30px;background:#fff9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;border:2px solid rgba(255,105,135,.2);box-shadow:0 15px 40px #ff69871a}.story-text p{margin-bottom:15px}.story-text .highlight{color:#c9184a;font-weight:700;font-family:Dancing Script,cursive;font-size:1.4rem}.days-counter{background:linear-gradient(135deg,#fffc,#ffd1dccc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:30px 50px;border-radius:25px;border:2px solid rgba(255,105,135,.3);display:inline-block;box-shadow:0 15px 40px #ff698726}.days-counter .number{font-family:Dancing Script,cursive;font-size:clamp(3rem,6vw,5rem);color:#c9184a;font-weight:700;display:block}.days-counter .label{font-size:1.1rem;color:#a4133c;font-weight:600}@media(max-width:768px){.story-text{padding:20px;font-size:1.05rem}.days-counter{padding:20px 35px}}.gallery-section{background:linear-gradient(180deg,#ffb3c6,#ffc2d1 40%,#fff0f3);flex-direction:column;padding:80px 20px}.gallery-title{font-family:Great Vibes,cursive;font-size:clamp(2.5rem,6vw,4.5rem);color:#c9184a;margin-bottom:50px;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1000px;width:90%}.gallery-card{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 15px 40px #ff698733;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.gallery-card:hover{transform:translateY(-10px) rotate(1deg);box-shadow:0 25px 60px #ff698759}.gallery-card:nth-child(2n):hover{transform:translateY(-10px) rotate(-1deg)}.gallery-card img{width:100%;height:350px;object-fit:cover;display:block}.gallery-card .card-caption{padding:20px 25px;text-align:center}.gallery-card .card-caption h3{font-family:Dancing Script,cursive;font-size:1.6rem;color:#c9184a;margin-bottom:5px}.gallery-card .card-caption p{color:#a4133c;font-size:.95rem}.card-heart{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 15px #0000001a;animation:heartPulse 1.5s ease-in-out infinite}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr;width:95%}.gallery-card img{height:280px}}.bears-section{background:linear-gradient(180deg,#fff0f3,#ffe5ec,#ffc2d1);flex-direction:column;text-align:center;padding:80px 20px}.bears-title{font-family:Great Vibes,cursive;font-size:clamp(2.5rem,6vw,4rem);color:#c9184a;margin-bottom:15px}.bears-subtitle{font-family:Dancing Script,cursive;font-size:1.5rem;color:#ff6987;margin-bottom:40px}.bears-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:800px;width:90%;margin-bottom:40px}.bear-card{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 15px 40px #ff698733;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.bear-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #ff69874d}.bear-card img{width:100%;height:300px;object-fit:cover}.bear-card .bear-caption{padding:20px;text-align:center}.bear-card .bear-caption h3{font-family:Dancing Script,cursive;font-size:1.5rem;color:#c9184a}.bear-card .bear-caption p{color:#a4133c;font-size:.9rem;margin-top:5px}.bears-message{max-width:600px;font-size:1.1rem;line-height:1.8;color:#5c2434;background:#fff9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:25px 35px;border-radius:25px;border:2px solid rgba(255,105,135,.2)}@media(max-width:768px){.bears-gallery{grid-template-columns:1fr;width:95%}.bear-card img{height:280px}}.final-section{background:linear-gradient(180deg,#ffc2d1,#ff8fab,#ff6987 60%,#c9184a);flex-direction:column;text-align:center;min-height:100vh}.final-message{max-width:700px;padding:50px 40px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;border:2px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0000001a}.final-title{font-family:Great Vibes,cursive;font-size:clamp(2.5rem,6vw,4.5rem);color:#fff;margin-bottom:25px;text-shadow:2px 4px 15px rgba(0,0,0,.15)}.final-text{font-size:1.2rem;line-height:2;color:#fff0f3;margin-bottom:30px}.final-text p{margin-bottom:15px}.final-signature{font-family:Great Vibes,cursive;font-size:2.5rem;color:#fff;margin-top:20px;text-shadow:2px 3px 10px rgba(0,0,0,.15)}.final-hearts{font-size:3rem;margin-top:20px;animation:heartPulse 1.5s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}@media(max-width:768px){.final-message{padding:35px 25px;margin:0 10px}}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:60px 20px}.reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}.reveal-delay-4{transition-delay:.6s}@media(max-width:768px){.section{padding:40px 15px}}