<div id="sb-love-site">
<style>
#sb-love-site{--wine:#7b3049;--rose:#e8a9b7;--ink:#4d3440;--paper:#fffaf7;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#fffaf7,#ffeaf0 55%,#fff8f4);color:var(--ink);font-family:Georgia,serif;line-height:1.65;min-height:100vh}#sb-love-site *{box-sizing:border-box}#sb-love-site button{cursor:pointer;font:inherit}#sb-love-site .sb-wrap{max-width:980px;margin:auto;padding:70px 22px}#sb-love-site .sb-hero{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}#sb-love-site .sb-eyebrow{text-transform:uppercase;letter-spacing:.3em;font:12px Arial,sans-serif;color:#9e6678}#sb-love-site h1{font-size:clamp(48px,9vw,108px);line-height:1.08;letter-spacing:-.05em;color:var(--wine);font-weight:400;margin:15px 0}#sb-love-site h2{font-size:clamp(34px,6vw,58px);line-height:1.15;font-weight:400;color:var(--wine);margin:0 0 20px}#sb-love-site p{font-size:18px}#sb-love-site .sb-sub{max-width:550px;margin:0 auto 30px}#sb-love-site .sb-btn{border:0;border-radius:50px;padding:15px 28px;background:var(--wine);color:white;box-shadow:0 10px 30px #7b304933;transition:transform .25s,box-shadow .25s}#sb-love-site .sb-btn:hover{transform:translateY(-4px);box-shadow:0 16px 34px #7b304955}#sb-love-site .sb-outline{background:transparent;color:var(--wine);border:1px solid #b98b9a}#sb-love-site .sb-section{text-align:center;padding-top:85px;padding-bottom:85px}#sb-love-site .sb-count{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:680px;margin:34px auto}#sb-love-site .sb-number{background:#ffffffb8;border:1px solid #fff;border-radius:22px;padding:22px 8px;box-shadow:0 10px 35px #7b304912}#sb-love-site .sb-number strong{font:500 clamp(27px,5vw,49px) Georgia,serif;color:var(--wine);display:block}#sb-love-site .sb-number span{font:12px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}#sb-love-site .sb-timeline{max-width:690px;margin:40px auto;text-align:left;border-left:2px solid #dda2b3;padding-left:28px}#sb-love-site .sb-event{position:relative;margin:0 0 38px;background:#ffffffad;padding:22px;border-radius:18px;box-shadow:0 8px 26px #7b304910}#sb-love-site .sb-event:before{content:'♥';position:absolute;left:-39px;top:20px;color:var(--wine);background:#fff1f4;border-radius:50%;padding:3px 6px}#sb-love-site .sb-event small{font:12px Arial,sans-serif;letter-spacing:.15em;color:#a05c72}#sb-love-site .sb-event h3{font-size:24px;margin:6px 0}#sb-love-site .sb-event p{margin:0}#sb-love-site .sb-envelope{width:min(330px,90%);height:210px;margin:30px auto;position:relative;border:0;background:#e6a8b9;border-radius:9px;box-shadow:0 18px 35px #7b304933;transition:transform .35s;display:block}#sb-love-site .sb-envelope:hover{transform:translateY(-7px) rotate(-2deg)}#sb-love-site .sb-envelope:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 49.5%,#f3c2ce 50%) left/50% 100% no-repeat,linear-gradient(215deg,transparent 49.5%,#f3c2ce 50%) right/50% 100% no-repeat}#sb-love-site .sb-envelope:after{content:'♥';position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:#fff;font-size:27px}#sb-love-site .sb-letter{max-width:690px;margin:25px auto 0;background:#fffdf9;padding:clamp(25px,5vw,55px);border-radius:8px;box-shadow:0 15px 45px #7b30491c;text-align:left;transform-origin:top;animation:sb-unfold .65s ease both}#sb-love-site .sb-letter[hidden],#sb-love-site .sb-content[hidden]{display:none!important}#sb-love-site .sb-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}#sb-love-site .sb-photo{aspect-ratio:4/5;background:linear-gradient(145deg,#f8d6df,#fff);padding:10px 10px 32px;box-shadow:0 8px 25px #7b304925;transform:rotate(-3deg);transition:transform .3s}#sb-love-site .sb-photo:nth-child(2){transform:rotate(3deg)}#sb-love-site .sb-photo:nth-child(3){transform:rotate(-1deg)}#sb-love-site .sb-photo:hover{transform:rotate(0) scale(1.04)}#sb-love-site .sb-photo img{width:100%;height:100%;object-fit:cover;display:block}#sb-love-site .sb-photo .sb-placeholder{height:100%;display:grid;place-items:center;font-size:46px;color:#b77b90}#sb-love-site .sb-final{background:linear-gradient(150deg,#8e405c,#5d263c);color:white;border-radius:30px;padding:70px 25px}#sb-love-site .sb-final h2{color:white}#sb-love-site .sb-final .sb-btn{background:white;color:var(--wine)}#sb-love-site .sb-float{position:absolute;pointer-events:none;opacity:.45;animation:sb-rise linear forwards;color:#c76b88;z-index:0}#sb-love-site .sb-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}#sb-love-site .sb-reveal.sb-visible{opacity:1;transform:translateY(0)}#sb-love-site .sb-confetti{position:fixed;pointer-events:none;z-index:99999;animation:sb-fall 2.7s linear forwards}#sb-love-site .sb-music{position:absolute;right:18px;top:18px;border:1px solid #e8b4c1;background:#fff9;border-radius:30px;padding:8px 13px;font:13px Arial,sans-serif;color:var(--wine)}@keyframes sb-rise{from{transform:translateY(0) rotate(0);opacity:0}15%{opacity:.55}to{transform:translateY(-110vh) rotate(45deg);opacity:0}}@keyframes sb-unfold{from{opacity:0;transform:translateY(-15px) scaleY(.92)}to{opacity:1;transform:none}}@keyframes sb-fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media(max-width:600px){#sb-love-site .sb-count{gap:7px}#sb-love-site .sb-number{padding:16px 4px;border-radius:12px}#sb-love-site .sb-number span{font-size:10px}#sb-love-site .sb-gallery{gap:9px}#sb-love-site .sb-photo{padding:6px 6px 18px}#sb-love-site .sb-wrap{padding:50px 18px}#sb-love-site .sb-section{padding-top:65px;padding-bottom:65px}}@media(prefers-reduced-motion:reduce){#sb-love-site *,#sb-love-site *:before,#sb-love-site *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}#sb-love-site .sb-reveal{opacity:1;transform:none}}
</style>
<button class="sb-music" type="button" aria-label="Arată mesajul muzical">♫ Muzica noastră</button>
<section class="sb-hero sb-wrap"><div class="sb-eyebrow">11.04.2026 · povestea noastră</div><h1>Hey, iubirea mea! ♡</h1><p class="sb-sub">Din Málaga până aici, fiecare zi cu tine a devenit amintirea mea preferată. Am pregătit ceva doar pentru tine.</p><button class="sb-btn" type="button" id="sb-open">Deschide surpriza ♡</button><p style="font-size:13px;opacity:.65;margin-top:28px">Cu dragoste, Blide</p></section>
<div class="sb-content" id="sb-content" hidden>
<section class="sb-wrap sb-section sb-reveal" id="sb-time"><div class="sb-eyebrow">Every second with you</div><h2>De când suntem noi doi ♡</h2><p>Din 11 aprilie, ora 03:00, Málaga. Și încă numărăm...</p><div class="sb-count"><div class="sb-number"><strong id="sb-days">0</strong><span>zile</span></div><div class="sb-number"><strong id="sb-hours">00</strong><span>ore</span></div><div class="sb-number"><strong id="sb-mins">00</strong><span>minute</span></div><div class="sb-number"><strong id="sb-secs">00</strong><span>secunde</span></div></div></section>
<section class="sb-wrap sb-section sb-reveal"><div class="sb-eyebrow">Our story</div><h2>Din întâmplare? Nu cred.</h2><div class="sb-timeline"><div class="sb-event"><small>28 MARTIE 2026</small><h3>Un avion. Două destine. ✈</h3><p>Prima noastră conversație, în drum spre Málaga. Cine s-ar fi gândit ce urmează?</p></div><div class="sb-event"><small>1 APRILIE 2026</small><h3>Un follow și niște cai 🐎</h3><p>După mall, prima conversație față în față și acel răspuns memorabil la story.</p></div><div class="sb-event"><small>2 APRILIE 2026</small><h3>Churros și zâmbete</h3><p>Au fost dulci, dar tot cred că tu ești mai dulce.</p></div><div class="sb-event"><small>11 APRILIE 2026</small><h3>Ziua noastră ❤️</h3><p>Ziua în care „eu” și „tu” am devenit „noi”.</p></div></div></section>
<section class="sb-wrap sb-section sb-reveal"><div class="sb-eyebrow">Just for you</div><h2>Ai primit o scrisoare 💌</h2><p>Apasă pe plic. Am ceva să-ți spun.</p><button type="button" class="sb-envelope" id="sb-envelope" aria-expanded="false" aria-controls="sb-letter" aria-label="Deschide scrisoarea"></button><article class="sb-letter" id="sb-letter" hidden><p>Hei, iubirea mea! În afară de te iubesc, în fiecare scrisoare, mai scriem: “Wow.. X luni” și acum, în loc de X punem… 6?!!! WOW.. 6 LUNI?! Adică, jumătate de an? Din 11.04 în 11.10? Așa de repede a trecut? Da.. astea 6 luni s-au simțit prea bine, pentru că au fost alături de tine. Sopota cu Blide, care s-au cunoscut în Erasmusu ăla din Malaga, chiar dacă eram (și încă suntem) din aceeași școală, avem atât de mulți prieteni comuni, noi tot n-am schimbat o vorbă până pe 28.03.2026.</p><p>Hmm, 28.03? Da, iubire! 28.03.2026, pe avion, cred că era cam.. 15:00?! În fine, nu-mi mai aduc aminte așa multe de atunci.. Prima conversație f2f, cred că a fost undeva prin 1 aprilie, după ce am venit de la mall. Tot atunci, ți-am dat și follow, și ți-am răspuns la story-ul pus de tine cu Maria, cu.. emoji-uri cu cai☺️. Oopsie. Mai știi când am mers la churros? 2 aprilie! Așa-i ce dulci au fost?! Dar tot cred că tu ești mai dulce. Hmm, în fine. Zilele de 1-18 aprilie au fost ca în Rai.. Adică, Malaga, împreună cu iubirea mea?! Hell yeah!</p><p>Dar totuși.. cel mai “amuzant” lucru a fost că niciunul dintre noi nu avea să știe ce urma să se întâmple. Adică.. te-ai fi gândit vreodată că tu vei deveni persoana mea preferată și eu persoana ta preferată?! Te-ai fi gândit vreodată că vom fi împreună? Știu deja răspunsul, nu. Și.. la fel m-aș fi gândit și eu.</p><p>Doar stai așa și gândește-te, 6 luni, deja?! Sunt cele mai bune 6 luni din viața mea, chiar dacă am trecut și prin grele, am trecut împreună, și toate greutățile ne-au făcut relația mai puternică, și ambii am început să ne iubim mai mult după fiecare greutate, după fiecare ceartă, după fiecare neînțelegere.</p><p>A șasea lună din relația noastră, 183 de zile, 4391 de ore de noi, de iubire. Stai liniștită, că fluturașii din stomac nu s-au dus nici acum. Încă mai stau și mă gândesc la tine, inclusiv acum, și mă întreb: Wow, chiar e iubita mea?!</p><p>Iubirea mea, sper că într-o zi, peste câțiva ani, să stăm și să recitim scrisorile astea, și să ne gândim: “hahaha, eram doar la X luni și așa”, să ne reamintim de toate momentele noastre împreună, și de alea în care n-am făcut mare lucru, dar care tot înseamnă mult pentru noi.</p><p>Te iubesc extrem de mult, nu îți pot exprima în cuvinte, doar prin faptele pe care le fac față de tine zi de zi.</p><p>TE IUBESC, CÂCA MEA!</p></article></section>
<section class="sb-wrap sb-section sb-reveal"><div class="sb-eyebrow">Little moments, big feelings</div><h2>Amintirile noastre 📸</h2><p>Loc pentru fotografiile noastre preferate.</p><div class="sb-gallery"><div class="sb-photo"><div class="sb-placeholder">♡</div></div><div class="sb-photo"><div class="sb-placeholder">✈</div></div><div class="sb-photo"><div class="sb-placeholder">♡</div></div></div><p style="font-size:13px;opacity:.7">Înlocuiește fiecare element „sb-placeholder” cu o imagine: &lt;img src="URL-POZA" alt="Amintirea noastră"&gt;</p></section>
<section class="sb-wrap sb-section sb-reveal"><div class="sb-final"><div class="sb-eyebrow" style="color:#f5c8d7">One last thing</div><h2>M-ai alege din nou?</h2><p>Eu te-aș alege de fiecare dată, în orice viață. ♡</p><button class="sb-btn" type="button" id="sb-yes">NORMAL CĂ DA! ❤️</button><p id="sb-answer" aria-live="polite" style="font-size:23px;min-height:35px"></p></div></section>
</div>
</div>
<script>
(function(){const root=document.getElementById('sb-love-site');if(!root||root.dataset.ready)return;root.dataset.ready='1';const $=s=>root.querySelector(s);const content=$('#sb-content');const start=Date.parse('2026-04-11T03:00:00+02:00');function tick(){let sec=Math.max(0,Math.floor((Date.now()-start)/1000));const days=Math.floor(sec/86400);sec%=86400;$('#sb-days').textContent=days;$('#sb-hours').textContent=String(Math.floor(sec/3600)).padStart(2,'0');sec%=3600;$('#sb-mins').textContent=String(Math.floor(sec/60)).padStart(2,'0');$('#sb-secs').textContent=String(sec%60).padStart(2,'0')}tick();const timer=setInterval(()=>{if(document.documentElement.contains(root))tick();else clearInterval(timer)},1000);function reveal(){root.querySelectorAll('.sb-reveal').forEach(el=>{if(el.getBoundingClientRect().top<innerHeight*.9)el.classList.add('sb-visible')})}$('#sb-open').addEventListener('click',()=>{content.hidden=false;requestAnimationFrame(()=>{reveal();$('#sb-time').scrollIntoView({behavior:'smooth'})})});window.addEventListener('scroll',reveal,{passive:true});$('#sb-envelope').addEventListener('click',()=>{const l=$('#sb-letter');l.hidden=!l.hidden;$('#sb-envelope').setAttribute('aria-expanded',String(!l.hidden));if(!l.hidden)l.scrollIntoView({behavior:'smooth',block:'nearest'})});$('#sb-yes').addEventListener('click',()=>{$('#sb-answer').textContent='Știam eu! Te iubesc infinit ♡';for(let i=0;i<65;i++){const c=document.createElement('span');c.className='sb-confetti';c.textContent=['♥','♡','✦','🌸'][Math.floor(Math.random()*4)];c.style.left=Math.random()*100+'vw';c.style.top='-30px';c.style.fontSize=(12+Math.random()*22)+'px';c.style.color=['#fff','#e8a9b7','#a33b61'][Math.floor(Math.random()*3)];c.style.animationDelay=Math.random()*.8+'s';root.appendChild(c);setTimeout(()=>c.remove(),3600)}});$('.sb-music').addEventListener('click',()=>alert('Aici putem adăuga melodia voastră preferată, cu un player audio activat la apăsare. ♡'));if(!matchMedia('(prefers-reduced-motion: reduce)').matches){const interval=setInterval(()=>{if(!document.documentElement.contains(root)){clearInterval(interval);return}const heart=document.createElement('span');heart.className='sb-float';heart.textContent=Math.random()>.5?'♡':'♥';heart.style.left=Math.random()*100+'%';heart.style.bottom='-30px';heart.style.fontSize=(13+Math.random()*20)+'px';heart.style.animationDuration=(7+Math.random()*6)+'s';root.appendChild(heart);setTimeout(()=>heart.remove(),13500)},950)}})();
</script>