*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #1a0011;--bg-section: #200018;--bg-card: #2a0020;--pink-light: #ff6b9d;--pink: #e91e76;--pink-deep: #c2185b;--rose: #ff4081;--red: #e63946;--gold: #f4c542;--cream: #fff5f5;--text-primary: #ffe0ec;--text-secondary: #ffb3cc;--text-muted: #cc8099;--font-script: "Dancing Script", cursive;--font-body: "Quicksand", sans-serif;--font-display: "Playfair Display", serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;min-height:100vh}.app{opacity:0;transition:opacity .8s ease}.app--loaded{opacity:1}.section-title{font-family:var(--font-display);font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:1rem;color:var(--text-primary);letter-spacing:.02em}.section-title__emoji{display:block;font-size:2.5rem;margin-bottom:.5rem}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-heart{position:absolute;bottom:-10%;animation:floatUp linear infinite;color:var(--pink-light);filter:blur(1px)}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-110vh) rotate(720deg) scale(.5);opacity:0}}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(ellipse at center bottom,rgba(233,30,118,.15) 0%,transparent 60%)}.hero__heartbeat{margin-bottom:1.5rem;opacity:0;transform:scale(0);transition:all 1s cubic-bezier(.175,.885,.32,1.275)}.hero--visible .hero__heartbeat{opacity:1;transform:scale(1)}.hero__big-heart{font-size:5rem;color:var(--red);display:inline-block;animation:heartbeat 1.2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(230,57,70,.6))}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}.hero__title{font-family:var(--font-script);font-weight:700;margin-bottom:1.5rem}.hero__title-line{display:block;opacity:0;transform:translateY(30px);transition:all .8s ease}.hero--visible .hero__title-line--1{opacity:1;transform:translateY(0);transition-delay:.3s;font-size:3rem;color:var(--text-secondary)}.hero--visible .hero__title-line--2{opacity:1;transform:translateY(0);transition-delay:.6s;font-size:4.5rem;background:linear-gradient(135deg,var(--pink-light),var(--rose),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--text-secondary);margin-bottom:.5rem;opacity:0;transition:opacity 1s ease 1s}.hero--visible .hero__subtitle{opacity:1}.hero__date{font-size:1rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:3rem;opacity:0;transition:opacity 1s ease 1.2s}.hero--visible .hero__date{opacity:1}.hero__tagline{font-family:var(--font-script);font-size:1.15rem;color:var(--pink-light);margin-bottom:2.5rem;opacity:0;transition:opacity 1s ease 1.3s}.hero--visible .hero__tagline{opacity:.9}.hero__scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);opacity:0;transition:opacity 1s ease 1.5s}.hero--visible .hero__scroll-hint{opacity:1}.hero__scroll-arrow{font-size:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.timeline{position:relative;z-index:1;padding:5rem 2rem;max-width:900px;margin:0 auto}.timeline__line{position:absolute;left:50%;top:8rem;bottom:2rem;width:2px;background:linear-gradient(to bottom,var(--pink-deep),var(--red),var(--pink-light));transform:translate(-50%);opacity:.4}.timeline__cards{display:flex;flex-direction:column;gap:3rem;position:relative}.timeline__card{position:relative;width:45%;opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.timeline__card--left{align-self:flex-start;transform:translate(-40px)}.timeline__card--right{align-self:flex-end;transform:translate(40px)}.timeline__card--visible{opacity:1;transform:translate(0)!important}.timeline__dot{position:absolute;width:16px;height:16px;border-radius:50%;top:1.5rem;box-shadow:0 0 12px #e91e7680;z-index:2}.timeline__card--left .timeline__dot{right:-2.5rem}.timeline__card--right .timeline__dot{left:-2.5rem}.timeline__content{background:var(--bg-card);border-radius:16px;padding:1.5rem;backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.timeline__content:hover{transform:translateY(-4px);box-shadow:0 12px 40px #e91e7633}.timeline__emoji{font-size:2.5rem;margin-bottom:.5rem}.timeline__date{font-size:.8rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}.timeline__name{font-family:var(--font-display);font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.timeline__message{font-size:.95rem;color:var(--text-secondary);line-height:1.6;font-style:italic}.reasons{position:relative;z-index:1;padding:5rem 2rem;max-width:900px;margin:0 auto}.reasons__hint{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:2.5rem;font-style:italic}.reasons__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.reasons__card{perspective:800px;height:200px;cursor:pointer}.reasons__card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.reasons__card--flipped .reasons__card-inner{transform:rotateY(180deg)}.reasons__card-front,.reasons__card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.reasons__card-front{background:linear-gradient(135deg,var(--bg-card),rgba(233,30,118,.15));border:1px solid rgba(255,107,157,.2);gap:.75rem}.reasons__card-emoji{font-size:2.5rem}.reasons__card-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--pink-light)}.reasons__card-back{background:linear-gradient(135deg,var(--pink-deep),var(--red));transform:rotateY(180deg);text-align:center}.reasons__card-detail{font-size:1rem;line-height:1.6;color:#fff;font-style:italic}.love-letter{position:relative;z-index:1;padding:5rem 2rem;max-width:700px;margin:0 auto}.love-letter__envelope-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.love-letter__envelope{position:relative;width:320px;height:200px;cursor:pointer;transition:transform .4s ease}.love-letter__envelope:hover{transform:scale(1.05)}.love-letter__body{position:absolute;bottom:0;width:100%;height:150px;background:linear-gradient(135deg,#d4526e,#c2185b);border-radius:0 0 14px 14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #c2185b66}.love-letter__seal{font-size:2.5rem;color:#ff6b9d;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:opacity .6s ease .2s}.love-letter__envelope--open .love-letter__seal{opacity:0}.love-letter__flap{position:absolute;top:0;left:0;width:0;height:0;border-left:160px solid transparent;border-right:160px solid transparent;border-top:110px solid #b0003a;border-radius:4px 4px 0 0;transform-origin:top center;transition:transform 1.2s cubic-bezier(.4,0,.2,1);z-index:3}.love-letter__envelope--open .love-letter__flap{transform:rotateX(180deg)}.love-letter__paper{width:min(500px,90vw);max-height:0;overflow:hidden;background:var(--cream);border-radius:12px;box-shadow:0 8px 30px #0003;transition:max-height 1.6s cubic-bezier(.4,0,.2,1) .8s,padding 1s ease .8s;padding:0 2rem}.love-letter__paper--visible{max-height:2000px;padding:2.5rem}.love-letter__paper-content{color:#3a0020}.love-letter__greeting{font-family:var(--font-script);font-size:1.6rem;color:var(--pink-deep);margin-bottom:1rem}.love-letter__text{font-size:.95rem;line-height:1.8;margin-bottom:.8rem;color:#4a1030}.love-letter__closing{font-family:var(--font-script);font-size:1.1rem;margin-top:1.5rem;color:#3a0020;line-height:1.8}.love-letter__signature{font-size:1.4rem;color:var(--pink-deep)}.love-letter__cta{font-size:.85rem;color:var(--text-muted);font-style:italic;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.footer{position:relative;z-index:1;text-align:center;padding:4rem 2rem;background:radial-gradient(ellipse at center top,rgba(233,30,118,.1) 0%,transparent 60%)}.footer__hearts{font-size:1.5rem;color:var(--pink-light);letter-spacing:.5em;margin-bottom:1rem;animation:heartbeat 2s ease-in-out infinite}.footer__text{font-family:var(--font-script);font-size:1.5rem;color:var(--text-secondary);margin-bottom:.5rem}.footer__tagline{font-family:var(--font-display);font-style:italic;font-size:.95rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.footer__year{font-size:.85rem;color:var(--text-muted);letter-spacing:.15em}@media(max-width:768px){.hero__title-line--1{font-size:2rem!important}.hero__title-line--2{font-size:2.8rem!important}.hero__subtitle{font-size:1.1rem}.section-title{font-size:2rem}.timeline__line{left:1.5rem}.timeline__card{width:100%;padding-left:3.5rem}.timeline__card--left,.timeline__card--right{align-self:stretch}.timeline__card--left .timeline__dot,.timeline__card--right .timeline__dot{left:-2rem;right:auto}.reasons__grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.reasons__card{height:170px}.love-letter__envelope{width:280px;height:175px}.love-letter__body{height:130px}.love-letter__flap{border-left:140px solid transparent;border-right:140px solid transparent;border-top:95px solid #b0003a}}@media(max-width:480px){.hero__title-line--1{font-size:1.6rem!important}.hero__title-line--2{font-size:2.2rem!important}.section-title{font-size:1.6rem}.timeline,.reasons,.love-letter{padding:3rem 1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-title{position:relative}.section-title:after{content:"";display:block;width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--pink-light),transparent);margin:.75rem auto 0;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.4;width:80px}50%{opacity:1;width:120px}}.story{position:relative;z-index:1;padding:5rem 2rem;max-width:950px;margin:0 auto}.story__subtitle{text-align:center;color:var(--text-muted);font-family:var(--font-display);font-style:italic;font-size:1.05rem;margin-bottom:3rem}.story__journey{position:relative;display:flex;flex-direction:column;gap:2.5rem}.story__path{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--gold),var(--pink-light),var(--rose),var(--red),var(--pink-deep),#6a4c93,#1982c4,#8ac926,var(--pink-light));transform:translate(-50%);opacity:.5;border-radius:2px}.story__moment{position:relative;display:flex;align-items:flex-start;gap:1.5rem;opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.story__moment--left{flex-direction:row;padding-right:calc(50% + 2rem);transform:translate(-30px)}.story__moment--right{flex-direction:row-reverse;padding-left:calc(50% + 2rem);transform:translate(30px)}.story__moment--visible{opacity:1;transform:translate(0)!important}.story__marker{position:absolute;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #0000004d;z-index:2;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.story__moment--visible .story__marker{animation:markerPop .5s ease forwards}@keyframes markerPop{0%{transform:translate(-50%) scale(0)}60%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1)}}.story__marker-emoji{font-size:1.3rem}.story__card{background:var(--bg-card);border-radius:16px;padding:1.5rem;box-shadow:0 8px 30px #00000040;transition:transform .3s ease,box-shadow .3s ease;max-width:100%}.story__card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00000059}.story__year{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:.35rem}.story__title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.story__text{font-size:.95rem;color:var(--text-secondary);line-height:1.7}@media(max-width:768px){.story__path{left:1.5rem}.story__moment--left,.story__moment--right{flex-direction:row;padding-right:0;padding-left:4rem}.story__marker{left:1.5rem;width:36px;height:36px}.story__marker-emoji{font-size:1.1rem}.story__card{padding:1.25rem}.story__title{font-size:1.15rem}}@media(max-width:480px){.story{padding:3rem 1rem}.story__path{left:1rem}.story__moment--left,.story__moment--right{padding-left:3.5rem}.story__marker{left:1rem;width:30px;height:30px}.story__marker-emoji{font-size:.9rem}}.surprise{position:relative;z-index:1;padding:5rem 2rem;max-width:1000px;margin:0 auto}.surprise__subtitle{text-align:center;color:var(--text-muted);font-size:1rem;font-style:italic;margin-bottom:2.5rem}.surprise__loading,.surprise__error{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-style:italic}.surprise__loading-heart{display:block;font-size:2rem;color:var(--pink-light);animation:heartbeat 1.2s ease-in-out infinite;margin-bottom:.75rem}.surprise__error{color:var(--pink-light)}.surprise__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.surprise__card{border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative}.surprise__card--locked{background:linear-gradient(135deg,#1e0a1ee6,#320f32e6);border:1px solid rgba(255,107,157,.1);cursor:default}.surprise__card--unlocked{background:linear-gradient(135deg,var(--bg-card),rgba(233,30,118,.1));border:1px solid rgba(255,107,157,.25)}.surprise__card--unlocked:hover{border-color:#ff6b9d80;transform:translateY(-4px);box-shadow:0 12px 40px #e91e7633}.surprise__card--today{border-color:var(--gold)!important;box-shadow:0 0 20px #f4c54233}.surprise__card--today:before{content:"";position:absolute;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(135deg,var(--gold),var(--pink-light),var(--gold));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.surprise__card--open{grid-column:1 / -1}.surprise__card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem 0}.surprise__card-day{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.surprise__card-badge{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:var(--gold);color:#1a0011;padding:.2rem .6rem;border-radius:99px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.surprise__card-body{padding:1.25rem;text-align:center}.surprise__locked{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.6}.surprise__lock-icon{font-size:2rem;filter:grayscale(.5)}.surprise__card-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.surprise__locked-hint{font-size:.8rem;color:var(--text-muted);font-style:italic}.surprise__unlocked{display:flex;flex-direction:column;align-items:center;gap:.5rem}.surprise__card-emoji{font-size:2.5rem;animation:float-gentle 3s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.surprise__tap-hint{font-size:.8rem;color:var(--pink-light);font-style:italic;animation:pulse-text 2s ease-in-out infinite}.surprise__reveal{padding:1.5rem;border-top:1px solid rgba(255,107,157,.15);animation:revealSlide .5s ease forwards}@keyframes revealSlide{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.surprise-text{font-size:.95rem;color:var(--text-secondary);line-height:1.7;text-align:center;margin-top:1rem;font-style:italic}.surprise-text--glow{color:var(--pink-light);animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(255,107,157,.3)}50%{text-shadow:0 0 20px rgba(255,107,157,.6)}}.surprise-rose{display:flex;flex-direction:column;align-items:center}.surprise-rose__flower{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.surprise-rose__petals{position:absolute;width:100%;height:100%}.surprise-rose__petal{position:absolute;width:40px;height:40px;background:var(--red);border-radius:50% 50% 50% 0;top:50%;left:50%;transform-origin:0 0;opacity:0;transform:scale(0) rotate(calc(var(--petal-index) * 45deg));transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.surprise-rose__flower--bloom .surprise-rose__petal{opacity:.85;transform:scale(1) rotate(calc(var(--petal-index) * 45deg)) translate(-20px,-30px)}.surprise-rose__center{width:24px;height:24px;background:var(--gold);border-radius:50%;z-index:2;opacity:0;transform:scale(0);transition:all .4s ease .8s}.surprise-rose__flower--bloom .surprise-rose__center{opacity:1;transform:scale(1)}.surprise-propose{text-align:center;position:relative;min-height:120px}.surprise-propose__btn{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border:none;padding:.8rem 2rem;border-radius:99px;font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e91e7666}.surprise-propose__btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #e91e7699}.surprise-propose__message{animation:fadeInUp .8s ease forwards;position:relative;overflow:hidden;padding:1rem 0}.surprise-propose__ring{font-size:3rem;display:block;margin-bottom:.5rem;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 8px gold)}}.surprise-propose__text{font-size:.95rem;color:var(--text-secondary);margin-bottom:.75rem}.surprise-propose__big{font-family:var(--font-script);font-size:1.5rem;color:var(--pink-light);line-height:1.5}.surprise-propose__hearts{position:absolute;inset:0;overflow:hidden;pointer-events:none}.surprise-propose__float-heart{position:absolute;bottom:-10%;color:var(--pink-light);font-size:1rem;opacity:.6;animation:floatUp 4s ease-in-out forwards;animation-delay:calc(var(--h-index) * .2s)}.surprise-chocolate{display:flex;flex-direction:column;align-items:center}.surprise-chocolate__box{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.surprise-chocolate__piece{width:100px;height:100px;background:linear-gradient(135deg,#5c3317,#8b4513);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 12px #0000004d;gap:.25rem}.surprise-chocolate__piece:hover{transform:scale(1.05)}.surprise-chocolate__piece--open{background:linear-gradient(135deg,var(--bg-card),rgba(233,30,118,.2));border:1px solid rgba(255,107,157,.3)}.surprise-chocolate__emoji{font-size:2rem}.surprise-chocolate__tap{font-size:.65rem;color:#ffffff80}.surprise-chocolate__note{font-size:.8rem;color:var(--pink-light);text-align:center;line-height:1.4;padding:.5rem;font-style:italic;animation:fadeInUp .4s ease}.surprise-teddy{display:flex;flex-direction:column;align-items:center}.surprise-teddy__bear{cursor:pointer;transition:transform .3s ease}.surprise-teddy__bear:hover{transform:scale(1.1)}.surprise-teddy__emoji{font-size:5rem;display:block}.surprise-teddy__bear--hugged{animation:teddyHug .6s ease}@keyframes teddyHug{0%{transform:scale(1)}30%{transform:scale(1.3) rotate(-5deg)}60%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1.1) rotate(0)}}.surprise-promise{display:flex;flex-direction:column;align-items:center;gap:1rem}.surprise-promise__scroll{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.75rem}.surprise-promise__item{font-size:.95rem;color:var(--text-secondary);line-height:1.6;padding:.75rem 1rem;background:#e91e7614;border-left:3px solid var(--pink-light);border-radius:0 8px 8px 0;animation:fadeInUp .5s ease forwards}.surprise-promise__star{color:var(--gold);margin-right:.5rem}.surprise-promise__btn{background:linear-gradient(135deg,var(--pink),var(--pink-deep));color:#fff;border:none;padding:.7rem 1.5rem;border-radius:99px;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e91e764d}.surprise-promise__btn:hover{transform:scale(1.05)}.surprise-hug{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:hidden;min-height:150px}.surprise-hug__btn{background:linear-gradient(135deg,#f4a261,#e76f51);color:#fff;border:none;padding:.8rem 2rem;border-radius:99px;font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f4a26166;z-index:2}.surprise-hug__btn:hover{transform:scale(1.08)}.surprise-hug__counter{font-size:1rem;color:var(--text-secondary);z-index:2}.surprise-hug__number{font-size:1.5rem;font-weight:700;color:var(--pink-light)}.surprise-hug__emojis{position:absolute;inset:0;overflow:hidden;pointer-events:none}.surprise-hug__floating-emoji{position:absolute;bottom:-10%;font-size:1.5rem;animation:floatUp 3s ease-in-out forwards}.surprise-kiss{display:flex;flex-direction:column;align-items:center;gap:1rem}.surprise-kiss__canvas{width:100%;height:200px;background:linear-gradient(135deg,#d628281a,#e91e761a);border-radius:16px;border:1px dashed rgba(255,107,157,.3);position:relative;cursor:crosshair;overflow:hidden;display:flex;align-items:center;justify-content:center}.surprise-kiss__placeholder{font-size:3rem;opacity:.2}.surprise-kiss__mark{position:absolute;font-size:1.5rem;transform:translate(-50%,-50%);animation:kissAppear .4s ease forwards;pointer-events:none}@keyframes kissAppear{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.surprise-valentine{text-align:center;position:relative;min-height:200px}.surprise-valentine__btn{background:linear-gradient(135deg,var(--red),var(--pink-deep));color:#fff;border:none;padding:1rem 2.5rem;border-radius:99px;font-family:var(--font-body);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 25px #e6394680;animation:pulse-badge 2s ease-in-out infinite}.surprise-valentine__btn:hover{transform:scale(1.08);box-shadow:0 8px 30px #e63946b3}.surprise-valentine__fireworks{position:absolute;inset:0;overflow:hidden;pointer-events:none}.surprise-valentine__spark{position:absolute;animation:sparkBurst 3s ease-in-out infinite}@keyframes sparkBurst{0%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1.2)}50%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.5) translateY(-20px)}}.surprise-valentine__message{position:relative;z-index:2;animation:fadeInUp 1s ease forwards;padding:1rem 0}.surprise-valentine__big{font-family:var(--font-script);font-size:2.5rem;background:linear-gradient(135deg,var(--pink-light),var(--rose),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.surprise-valentine__sub{font-size:1rem;color:var(--text-secondary);line-height:1.8;max-width:500px;margin:0 auto 1.5rem}.surprise-valentine__heart{font-size:3rem;color:var(--red);animation:heartbeat 1.2s ease-in-out infinite;margin:1rem 0}.surprise-valentine__forever{font-family:var(--font-display);font-style:italic;font-size:1.1rem;color:var(--pink-light)}@media(max-width:768px){.surprise__grid{grid-template-columns:1fr}.surprise-valentine__big{font-size:1.8rem}.surprise-propose__big{font-size:1.2rem}}