.elementor-13 .elementor-element.elementor-element-158b291{width:var( --container-widget-width, 102.515% );max-width:102.515%;--container-widget-width:102.515%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-158b291.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-158b291 */<section class="hero">
    <div class="overlay"></div>

    <div class="hero-content">

        <div class="badge">❤️ 2.5 Years Of Memories ❤️</div>

        <h1>
            To My Cuppie
        </h1>

        <h2>
            Lakshita,
            You Were Never Just Someone I Loved.
            You Became My Home.
        </h2>

        <p>
            This isn't just a website.
            It's a collection of moments,
            memories,
            smiles,
            hugs,
            and every little piece of my heart that still belongs to you.
        </p>

        <a href="#memories" class="btn">
            Enter Our Story ✨
        </a>

    </div>
</section>

<style>

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;500;600&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
overflow-x:hidden;
background:#FFF8F3;
}

.hero{
height:100vh;
background:
linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
url('https://drgreenlab.com/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-11-at-3.42.55-PM-1.jpeg');
background-size:cover;
background-position:center;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:20px;
position:relative;
}

.hero-content{
max-width:900px;
z-index:2;
}

.badge{
display:inline-block;
background:rgba(255,255,255,.15);
backdrop-filter:blur(15px);
padding:12px 25px;
border-radius:50px;
color:white;
margin-bottom:30px;
font-size:15px;
}

.hero h1{
font-family:'Playfair Display',serif;
font-size:clamp(55px,8vw,110px);
color:white;
margin-bottom:20px;
}

.hero h2{
font-size:clamp(22px,3vw,40px);
font-weight:300;
color:#FFD9E6;
margin-bottom:25px;
line-height:1.4;
}

.hero p{
font-size:20px;
color:white;
line-height:1.8;
margin-bottom:40px;
}

.btn{
display:inline-block;
padding:18px 50px;
background:linear-gradient(135deg,#D4AF37,#FFD700);
color:black;
font-weight:700;
text-decoration:none;
border-radius:60px;
font-size:18px;
box-shadow:0 10px 40px rgba(212,175,55,.4);
transition:.4s;
}

.btn:hover{
transform:translateY(-5px);
}

@media(max-width:768px){

.hero h1{
font-size:58px;
}

.hero h2{
font-size:24px;
}

.hero p{
font-size:18px;
}

}

</style>

<script>

document.addEventListener('DOMContentLoaded',()=>{

for(let i=0;i<30;i++){

const heart=document.createElement('div');

heart.innerHTML='❤️';

heart.style.position='fixed';
heart.style.left=Math.random()*100+'vw';
heart.style.bottom='-50px';
heart.style.fontSize=(20+Math.random()*20)+'px';
heart.style.opacity='0.5';
heart.style.pointerEvents='none';
heart.style.zIndex='999';

document.body.appendChild(heart);

let pos=-50;

setInterval(()=>{
pos++;
heart.style.bottom=pos+'px';

if(pos>window.innerHeight+100){
pos=-50;
heart.style.left=Math.random()*100+'vw';
}
},30);

}

});

</script>/* End custom CSS */