:root{--blush-1: #fde8f0;--blush-2: #fbd0e0;--rose: #e75480;--rose-deep: #c2185b;--rose-soft: #f9a8c8;--gold: #d4a373;--ink: #5d2a42;--white: #fffafc;--shadow: 0 10px 40px rgba(231, 84, 128, .18)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%;overscroll-behavior:none;background:#fff5f9}body{font-family:Poppins,sans-serif;background:transparent;min-height:100vh;color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(160deg,#fff5f9 0%,var(--blush-1) 35%,var(--blush-2) 100%)}#float-hearts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.heart{position:fixed;bottom:-40px;animation:floatUp linear forwards;will-change:transform,opacity;-webkit-user-select:none;user-select:none}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(1);opacity:0}10%{opacity:var(--op, .5)}to{transform:translateY(-110vh) rotate(360deg) scale(1.3);opacity:0}}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#fff0f6,#ffd6e7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:9999;transition:opacity .8s ease,visibility .8s ease}#preloader.done{opacity:0;visibility:hidden}.pre-heart{font-size:3rem;animation:beat 1s ease-in-out infinite}@keyframes beat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(.95)}55%{transform:scale(1.15)}}.pre-text{font-family:Playfair Display,serif;font-style:italic;color:var(--rose-deep);font-size:1rem}.pre-bar{width:160px;height:6px;border-radius:99px;overflow:hidden;background:#c2185b26}.pre-bar span{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--rose-soft),var(--rose));border-radius:99px;animation:load 1.2s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}audio{display:none}#music-player{position:fixed;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(231,84,128,.25);border-radius:99px;padding:8px 16px 8px 8px;box-shadow:0 8px 24px #e7548040;z-index:100;animation:slideUp .8s ease both;animation-delay:1.4s}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}#music-toggle{width:44px;height:44px;border:none;cursor:pointer;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--rose-deep));display:grid;place-items:center;color:#fff;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #e7548066}#music-toggle:hover{transform:scale(1.08)}#music-toggle svg{width:20px;height:20px;fill:#fff}#icon-playing,body.music-on #icon-paused{display:none}body.music-on #icon-playing{display:block}.music-info{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink);font-weight:500}.music-title{white-space:nowrap}#music-eq{display:flex;align-items:flex-end;gap:3px;height:16px}#music-eq span{width:3px;height:6px;border-radius:2px;background:var(--rose);transition:height .3s ease}body.music-on #music-eq span{animation:eq 1s ease-in-out infinite}body.music-on #music-eq span:nth-child(2){animation-delay:.2s}body.music-on #music-eq span:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:5px}50%{height:16px}}@media (max-width: 600px){#music-player{right:12px;bottom:12px;padding:6px 12px 6px 6px}.music-title{display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;overflow:hidden;z-index:1}.hero-bloom{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),transparent 45%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.5),transparent 40%),radial-gradient(circle at 80% 20%,rgba(249,168,200,.25),transparent 35%);animation:bloom 12s ease-in-out infinite alternate;pointer-events:none}@keyframes bloom{0%{transform:scale(1) rotate(0)}to{transform:scale(1.15) rotate(4deg)}}.hero-inner{position:relative;z-index:2;animation:fadeDown 1.2s ease both}@keyframes fadeDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}.hero-hello{font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1rem,3vw,1.3rem);color:var(--rose-deep);margin-bottom:14px;letter-spacing:1px}.hero-name{font-family:Great Vibes,cursive;font-size:clamp(3rem,12vw,6.5rem);font-weight:400;line-height:1.05;background:linear-gradient(120deg,var(--rose-deep),var(--rose) 55%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 6px 18px rgba(231,84,128,.25))}.hero-name .amp{font-size:.55em;color:var(--gold);-webkit-text-fill-color:var(--gold)}.hero-sub{margin-top:22px;font-size:clamp(.9rem,2.4vw,1.1rem);color:#9c5a77;font-weight:300;line-height:1.7}.hero-btn{margin-top:34px;padding:15px 38px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,var(--rose),var(--rose-deep));border:none;border-radius:99px;cursor:pointer;box-shadow:0 12px 30px #e7548066;transition:transform .25s ease,box-shadow .25s ease;animation:pulse 2.4s ease-in-out infinite}.hero-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 38px #e7548080}@keyframes pulse{0%,to{box-shadow:0 12px 30px #e7548059}50%{box-shadow:0 12px 44px #e7548099}}.hero-scroll-hint{position:absolute;bottom:26px;left:0;right:0;font-size:.8rem;color:#c27498;letter-spacing:2px;text-transform:uppercase;animation:bob 1.6s ease-in-out infinite;z-index:2}.chevron{display:block;font-size:1.4rem}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}section{position:relative;z-index:1;padding:70px 20px}.section-title{font-family:Playfair Display,serif;font-size:clamp(1.5rem,4.5vw,2.2rem);text-align:center;margin-bottom:12px;color:var(--rose-deep)}.section-sub{text-align:center;color:#a06a86;font-size:.9rem;line-height:1.8;margin-bottom:34px;max-width:560px;margin-inline:auto}.section-sub code{background:#e754801f;padding:2px 7px;border-radius:6px;color:var(--rose-deep);font-size:.82em}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}.opening-card{max-width:700px;margin:0 auto;text-align:center;padding:44px 28px;background:#ffffffbf;border:1px solid rgba(231,84,128,.18);border-radius:24px;box-shadow:var(--shadow);position:relative}.opening-stamp{position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:2.4rem;color:var(--rose);background:#fff;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;box-shadow:0 6px 18px #e7548040}.opening-line{font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1.05rem,3vw,1.4rem);line-height:1.8;color:var(--ink)}.opening-sign{margin-top:20px;font-size:.85rem;color:#c27498;letter-spacing:1px}.countdown-box{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}.cd-item{background:#fffc;border-radius:20px;padding:20px 18px;min-width:92px;text-align:center;box-shadow:var(--shadow);border:1px solid rgba(231,84,128,.15)}.cd-num{display:block;font-family:Playfair Display,serif;font-size:clamp(1.8rem,5vw,2.6rem);color:var(--rose-deep);font-weight:700}.cd-label{font-size:.78rem;letter-spacing:2px;color:#c27498;text-transform:uppercase}.countdown-note{text-align:center;margin-top:22px;color:#a06a86;font-style:italic;font-size:.9rem}.reasons-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.reason-card{background:#fffc;border:1px solid rgba(231,84,128,.14);border-radius:20px;padding:26px 22px;box-shadow:0 6px 22px #e754801a;transition:transform .3s ease,box-shadow .3s ease}.reason-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 14px 34px #e7548038}.reason-icon{font-size:1.8rem;display:block;margin-bottom:10px}.reason-text{font-size:.95rem;line-height:1.7;color:var(--ink)}.gallery{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}@media (max-width: 600px){.gallery{grid-template-columns:1fr}}.photo{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:1}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo:hover img{transform:scale(1.08)}.photo .caption{position:absolute;inset:auto 0 0 0;padding:22px 12px 12px;font-family:Playfair Display,serif;font-style:italic;font-size:.85rem;color:#fff;text-align:center;background:linear-gradient(transparent,#c2185bbf);opacity:0;transition:opacity .4s ease}.photo:hover .caption{opacity:1}.photo.placeholder{display:grid;place-items:center;background:#fff9;border:2px dashed rgba(231,84,128,.35);aspect-ratio:1;text-align:center;font-size:.75rem;color:#c27498;line-height:1.6}.photo.placeholder span{font-size:1.8rem;display:block;margin-bottom:4px}.letter-envelope{max-width:680px;margin:10px auto 0;position:relative}.letter-paper{background:linear-gradient(180deg,#fffdfe,#fff5f9);border:1px solid rgba(231,84,128,.18);border-radius:22px;padding:40px 30px 30px;box-shadow:var(--shadow);font-family:Playfair Display,serif;font-size:clamp(.95rem,2.6vw,1.1rem);line-height:2;color:var(--ink);min-height:300px}.letter-date{font-size:.9em;color:var(--rose-deep);font-style:italic;margin-bottom:16px}.letter-sign{margin-top:26px;font-style:italic;color:var(--rose-deep);line-height:1.7}.letter-cursor{color:var(--rose);font-weight:400;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ask-title{margin-bottom:22px}.ask-question{font-family:Great Vibes,cursive;font-size:clamp(2rem,7vw,3.2rem);text-align:center;line-height:1.4;color:var(--rose-deep);margin-bottom:30px}.ask-btn{display:block;margin:0 auto;padding:18px 48px;font-size:1.1rem;font-weight:600;font-family:Poppins,sans-serif;color:#fff;background:linear-gradient(135deg,var(--rose),var(--rose-deep));border:none;border-radius:99px;cursor:pointer;box-shadow:0 14px 34px #e7548073;animation:beat 1.6s ease-in-out infinite;transition:transform .25s ease}.ask-btn:hover{transform:scale(1.07)}.ask-btn:disabled{opacity:.95;cursor:default}.ask-catch{margin:30px auto 0;max-width:620px;text-align:center;font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1rem,3vw,1.25rem);line-height:1.9;color:var(--ink);animation:fadeDown .8s ease both}.footer{position:relative;z-index:1;text-align:center;padding:50px 20px 90px;color:#a06a86;font-size:.9rem}.footer-heart{color:var(--rose-deep)}.footer-small{margin-top:6px;font-style:italic;color:#c27498;font-size:.8rem}@media (min-width: 900px){.only-desktop{display:block}}@media (max-width: 900px){.only-desktop{display:none}}@media (max-width: 600px){section{padding:56px 16px}.cd-item{min-width:76px;padding:16px 10px}.letter-paper{padding:30px 22px 24px}}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#280818eb;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}#lightbox img{max-width:92vw;max-height:86vh;border-radius:16px;box-shadow:0 20px 60px #00000080}.lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;cursor:pointer;border-radius:50%;background:#ffffffeb;color:var(--rose-deep);font-size:1.15rem;font-weight:600;display:grid;place-items:center;box-shadow:0 4px 14px #0000004d;transition:transform .2s ease,background .2s ease}.lightbox-close:hover{transform:scale(1.1);background:#fff}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}