.share-card{

    width:1080px;
    height:1080px;

    position:absolute;
    left:-99999px;
    top:0;

    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    align-items:center;

    overflow:hidden;

    border-radius:50px;

    background:linear-gradient(135deg,#ff4d8d,#7b61ff);

    color:#fff;

    font-family:'Poppins',sans-serif;

    text-align:center;

    box-sizing:border-box;

    padding:80px;

}

/* Floating Hearts */

.share-card::before{

content:"❤️ 💖 💕 💘 💝";

position:absolute;

top:50px;

left:60px;

font-size:70px;

opacity:.15;

transform:rotate(-10deg);

}

.share-card::after{

content:"💕 💗 ❤️ 💞";

position:absolute;

right:60px;

bottom:60px;

font-size:70px;

opacity:.15;

transform:rotate(12deg);

}

/* LOGO */

.share-header{

font-size:62px;

font-weight:800;

letter-spacing:1px;

color:#fff;

text-shadow:0 6px 20px rgba(0,0,0,.25);

}

/* PERCENT */

#sharePercent{

    font-size:220px;

    line-height:1;

    margin:10px 0 20px;

}

/* NAME */

.couple{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;

    margin-top:10px;
    margin-bottom:35px;

}

.couple span{

    min-width:260px;

    padding:18px 30px;

    border-radius:25px;

    font-size:58px;

    font-weight:700;

    text-align:center;

}

/* RESULT */

#shareMessage{

    font-size:58px;

    margin-top:20px;

}

/* FOOTER */

.share-footer{

font-size:32px;

opacity:.95;

}

/* Glass Effect */

.share-body{

    width:88%;
    height:700px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    background:rgba(255,255,255,.08);
    backdrop-filter:blur(14px);

    border-radius:40px;

    padding:40px;
}