body{background-color:#01040a;background-image:linear-gradient(90deg,rgba(1,4,10,.93),rgba(2,7,17,.74) 51%,rgba(1,4,10,.9)),linear-gradient(0deg,rgba(1,4,10,.78),transparent 47%,rgba(1,4,10,.7)),url("./cosmic-nebula-blue.png");background-position:49% 50%;background-size:auto,auto,cover;background-attachment:fixed;animation:cosmic-galaxy 34s ease-in-out infinite alternate}body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 82% 21%,rgba(42,93,164,.12),transparent 29%),radial-gradient(circle at 20% 76%,rgba(23,57,115,.1),transparent 30%);animation:cosmic-drift 24s ease-in-out infinite alternate}#particles{opacity:.34;mix-blend-mode:screen}@keyframes cosmic-galaxy{from{background-position:49% 50%}to{background-position:53% 47%}}@keyframes cosmic-drift{from{transform:scale(1) translate3d(-1%,-1%,0)}to{transform:scale(1.06) translate3d(1%,1.5%,0)}}@media(max-width:720px){body{background-position:55% 50%;background-attachment:scroll;animation-duration:42s}body:before{animation-duration:30s}}@media(prefers-reduced-motion:reduce){body,body:before{animation:none}}
.cosmic-comet{--comet-top:14vh;position:fixed;top:var(--comet-top);left:calc(100vw + 13rem);z-index:-1;width:15rem;height:2px;pointer-events:none;opacity:0;transform:rotate(143deg);transform-origin:left center}.cosmic-comet:before{content:"";position:absolute;left:-.38rem;top:50%;width:.5rem;height:.5rem;border-radius:50%;transform:translateY(-50%);background:#d8edff;box-shadow:0 0 .8rem .25rem rgba(126,187,255,.7),0 0 2rem .6rem rgba(44,113,225,.25)}.cosmic-comet i{display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(183,221,255,.98),rgba(102,169,255,.36) 20%,transparent 94%);filter:drop-shadow(0 0 .35rem rgba(106,172,255,.6))}.cosmic-comet.is-flying{animation:comet-flight 1.85s cubic-bezier(.18,.62,.34,1) forwards}@keyframes comet-flight{0%{opacity:0;transform:translate3d(0,0,0) rotate(143deg)}10%{opacity:.9}82%{opacity:.65}100%{opacity:0;transform:translate3d(-151vw,100vh,0) rotate(143deg)}}@media(max-width:720px){.cosmic-comet{width:10rem}.cosmic-comet.is-flying{animation-duration:1.55s}}@media(prefers-reduced-motion:reduce){.cosmic-comet{display:none}}