html,body{width:100%;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{background:linear-gradient(-45deg,#673879,#a92c51,#067baf,#43a1b1);background-size:400% 400%;animation:gradient 15s ease infinite;position:relative}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 700px 500px at 50% 45%,#0000,#0003 30%,#0009 70%,#000c);pointer-events:none;z-index:1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.circle-container{position:absolute;transform:translateY(-10vh);animation:particle-move infinite linear;pointer-events:none;z-index:2}@keyframes particle-move{0%{transform:translate3d(var(--start-x),var(--start-y),0)}to{transform:translate3d(var(--end-x),var(--end-y),0)}}.circle{width:100%;height:100%;border-radius:50%;mix-blend-mode:screen;background-image:radial-gradient(#fffc,#fff6 10%,#fff0 56%);animation:fadein-frames .2s infinite,scale-frames 2s infinite}@keyframes fadein-frames{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes scale-frames{0%{transform:scale3d(.4,.4,1)}50%{transform:scale3d(2.2,2.2,1)}to{transform:scale3d(.4,.4,1)}}.shooting-star{position:fixed;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px 3px #ffffffe6;opacity:0;pointer-events:none;z-index:10}.shooting-star:after{content:"";position:absolute;top:50%;left:50%;width:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:translate(-100%,-50%) rotate(var(--tail-angle, 0deg));transform-origin:100% 50%;animation:tail-stretch 3s linear}.shooting-star.active{animation:shoot 3s linear}@keyframes shoot{0%{opacity:0;transform:translate(0) translateY(0) scale(.5)}10%{opacity:1;transform:translate(0) translateY(0) scale(1)}90%{opacity:1}to{opacity:0;transform:translate(var(--shoot-x, 400px)) translateY(var(--shoot-y, 400px)) scale(.5)}}@keyframes tail-stretch{0%{width:0}30%{width:100px}to{width:0}}