.hero{background:var(--bright-purple);border-bottom:8px solid var(--orange);z-index:1;background-image:url(/next/icons/waves.png);background-position:0;background-repeat:no-repeat;background-size:auto 100%;min-height:35vh;padding:0 100px;display:flex;position:relative}.hero-text{position:absolute;top:50%;transform:translateY(-50%)}.hero-title{margin:0;font-size:60px;font-weight:700;line-height:1}.hero-subtitle{font-weight:400;line-height:1.5}.hero-gifts{pointer-events:none;width:280px;height:200px;position:absolute;top:50%;left:170px;transform:translateY(-50%)}.big-gift-icon{position:absolute;left:0}.medium-gift-icon{position:absolute;bottom:0}.small-gift-icon{position:absolute;top:0}@media (max-width:1200px){.hero{min-height:35vh;padding:0 50px}.hero-gifts{left:20px}}@media (max-width:900px){.hero{background-image:url(/next/icons/waves_mobile.png);background-size:100% 100%;border:none;flex-direction:column;width:100%;min-height:28vh}.hero-gifts{pointer-events:none;width:100%;height:220px;position:relative;top:0;left:0;transform:translateY(0)}.big-gift-icon{width:100px;top:10px;left:60px}.medium-gift-icon{width:50px;left:10px}.small-gift-icon{width:70px;top:10px;left:220px}.hero-title{font-size:35px;font-weight:700;line-height:1.5}}@media (max-width:600px){.hero{align-items:center;padding:0 20px;display:flex}.hero-text{text-align:center;top:70%}.big-gift-icon{width:80px;top:20px;left:10px}.medium-gift-icon{display:none}.small-gift-icon{width:70px;top:10px;left:130px}}
.refer_friend_screen .custom-button-div{margin:0}
.gift-cards{flex-direction:column;align-items:center;gap:40px;width:100%;padding-top:30px;padding-bottom:50px;display:flex}.gifts_wrapper_mobile{display:none}.gifts_wrapper{flex-wrap:wrap;justify-content:center;gap:30px;width:90%;display:flex}@media (max-width:600px){.gift-cards{align-items:stretch;width:100%;padding:0}.gift-cards-title,.gifts_wrapper{display:none}.gifts_wrapper_mobile{display:block}}
.gift-card{border-radius:20px;width:200px;height:200px;position:relative;overflow:hidden;box-shadow:0 0 12px 6px #0000001a}.gift-card:hover{box-shadow:0 0 #0000}.gift-card:before{content:"";border:3px solid var(--purple);pointer-events:none;transform-origin:bottom;clip-path:inset(100% 0 0);border-radius:20px;transition:clip-path .3s ease-out;position:absolute;inset:0}.gift-card:hover:before{clip-path:inset(0)}.gift-icon-wrapper{width:100%;height:70%;transition:transform .25s,height .25s;position:absolute;top:0}.gift-card:hover .gift-icon-wrapper{transform:translateY(65%)scale(.5)}.gift-icon{object-fit:contain;padding:15px 0}.gift-title{background:var(--purple);color:#fff;opacity:1;justify-content:center;align-items:end;width:100%;height:50px;transition:opacity .25s;display:flex;position:absolute;bottom:0}.gift-title p{text-align:center;justify-content:center;align-items:center;height:50px;display:flex;position:relative}.gift-title:before{content:"";background:var(--purple);transform-origin:bottom;transition:transform .25s;position:absolute;inset:0;transform:scaleY(1)}.gift-card:hover .gift-title:before{transform:scaleY(4)}.gift-card:hover .gift-title{opacity:0;height:100%}.gift-hover-text{text-align:center;opacity:0;justify-content:center;align-items:center;width:100%;height:120px;padding:30px 5px 10px;transition:opacity .25s;display:flex;position:absolute}.gift-hover-text span{display:block}.gift-card:hover .gift-hover-text{opacity:1}@media (max-width:1200px){.gift-card{width:180px;height:180px}}@media (max-width:900px){.gift-card{width:160px;height:160px}}
.carousel-gifts-mobile-container{align-items:center;width:100%;display:flex;position:relative}.carousel-gifts-wrapper-mobile{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:20px;padding:15px 50px;display:flex;overflow:auto hidden}.carousel-gifts-wrapper-mobile::-webkit-scrollbar{display:none}.carousel-gifts-arrow{z-index:5;cursor:pointer;width:40px;height:40px;color:var(--primary);justify-content:center;align-items:center;font-size:40px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-gifts-arrow--left{left:6px}.carousel-gifts-arrow--right{right:6px}
.mobile-gift-card{scroll-snap-align:start;border-radius:20px;flex:none;width:150px;height:150px;position:relative;overflow:hidden;box-shadow:0 0 12px 6px #0000001a}.mobile-gift-title{background:var(--purple);color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;height:40%;display:flex}.mobile-gift-text{text-align:center;justify-content:center;align-items:center;height:60%;margin:0 15px;display:flex}.mobile-gift-text span{line-height:1.2;display:block}
.share-friends{justify-content:space-between;align-items:center;height:100px;padding:0 100px;display:flex;position:relative;box-shadow:0 0 12px 6px #f7f4fa}.share-friends>:only-child{margin:0 auto}.code-div{align-items:center;gap:20px;display:flex}.whats_the_code_explanation{text-align:center;z-index:10;background-color:#fff;border-radius:8px;max-width:300px;padding:8px;position:absolute;top:0;box-shadow:0 4px 10px #00000040}.own-code-mobile{display:none}.own_code_container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;line-height:1;display:flex;position:relative}.own_code{color:var(--orange)}.badge-wrapper{z-index:2;background:url(/next/icons/badge_bg.png) 50%/contain no-repeat;justify-content:center;align-items:center;width:clamp(150px,10vw,180px);height:clamp(150px,10vw,180px);animation:3s ease-in-out infinite pulseSize;display:flex}.badge-circle{background:var(--bright-purple);border:2.5px solid var(--orange);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;padding-top:5%;line-height:1.2;display:flex;box-shadow:0 0 12.6px 4px #9e7cc2}@keyframes pulseSize{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width:1200px){.share-friends{padding:0 50px}}@media (max-width:900px){.code-div{flex-direction:column;gap:0}}@media (max-width:600px){.share-friends{box-shadow:none;background-color:var(--bright-purple);flex-direction:column-reverse;height:auto;margin-bottom:50px;padding:20px 0}.whats_the_code_explanation{border-radius:0;max-width:none;left:0;right:0;box-shadow:0 0 10px #00000040}.own_code_container{flex-direction:row;gap:10px;padding:30px 0}.own_code{color:var(--primary)}.own-code-mobile{display:block}.own-code-web{display:none}}