@import url('common.css');

@keyframes glassFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes glassGlow{0%,100%{box-shadow:0 8px 32px rgba(0,0,0,.1)}50%{box-shadow:0 12px 40px rgba(0,0,0,.15)}}
@keyframes floatR{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(-20vw,-10vw) scale(1.08)}50%{transform:translate(-10vw,10vw) scale(.95)}75%{transform:translate(-15vw,-5vw) scale(1.05)}}
@keyframes floatL{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(20vw,10vw) scale(1.1)}50%{transform:translate(10vw,-10vw) scale(.92)}75%{transform:translate(15vw,5vw) scale(1.03)}}
.bg{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}
.bg .r{background:radial-gradient(circle,rgba(219,139,246,.7) 60%,rgba(219,139,246,.1) 100%);width:90vw;height:90vw;border-radius:50%;position:absolute;top:60vw;left:60vw;filter:blur(40px);z-index:1;animation:floatR 12s ease-in-out infinite}
.bg .l{background:radial-gradient(circle,rgba(85,251,254,.7) 60%,rgba(85,251,254,.1) 100%);width:90vw;height:90vw;border-radius:50%;position:absolute;top:20vw;right:60vw;filter:blur(40px);z-index:1;animation:floatL 15s ease-in-out infinite}
.heart{width:80%;position:absolute;left:0;right:0;bottom:0;z-index:10;margin:0 auto}.logo-text{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:-50%;left:0;right:0;bottom:0;z-index:10;margin:0 auto;text-align:center}
.logo-text img{width:60%}