.particle{position:absolute;width:4px;height:4px;background-color:#ffffff80;border-radius:50%;animation:popUp 1s linear infinite;box-shadow:0 54 80px #ffffff80}@keyframes popUp{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}.content{position:relative;z-index:1;text-align:center;padding:50px}@keyframes particles{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes rotateSun{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sun{position:absolute;width:200px;height:200px;left:100px;background:radial-gradient(circle,#ffdb58 0%,#ffebcd 70%,transparent 100%);border-radius:50%;box-shadow:0 0 500px 30px #ffebcd,0 0 70px 50px #ffdb58,0 0 100px 80px #ffdb58,0 0 100px 80px #f1c426,0 0 100px 80px #ee8228,0 0 100px 80px #f88100,0 0 100px 80px #c56500,0 0 100px 80px #814000,0 0 100px 80px #e18484,0 0 100px 80px #e86a6a,0 0 100px 80px #d75555,0 0 100px 80px #d34444,0 0 100px 80px #d02828,0 0 100px 80px #d21f1f,0 0 100px 80px red,0 0 150px 100px #ffffff4d,0 0 200px 120px #fff3;animation:rotateSun 10s linear infinite;z-index:-1}.shooting-star{position:absolute;width:2px;height:10px;background-color:#fff;animation:shooting-star-animation 10s linear}@keyframes shooting-star-animation{0%{transform:translate(-50%,-50%) rotate(45deg) scale(0)}50%{transform:translate(50vw,50vh) rotate(45deg) scale(1);opacity:1}to{transform:translate(100vw) rotate(45deg) scale(0);opacity:0}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle 400px at var(--x) var(--y),rgba(255,0,184,.1),transparent 80%);transition:background 1.5s}.card-magnet,.split *,.split-pro *{will-change:transform}