body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.4}html:not(.dark) body::before{background-image:radial-gradient(2px 2px at 20% 30%,rgba(29,78,216,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(14,116,144,.3),transparent),radial-gradient(1px 1px at 50% 50%,rgba(6,182,212,.4),transparent),radial-gradient(1px 1px at 80% 10%,rgba(29,78,216,.3),transparent),radial-gradient(2px 2px at 90% 60%,rgba(14,165,233,.3),transparent),radial-gradient(1px 1px at 33% 80%,rgba(6,182,212,.4),transparent),radial-gradient(1px 1px at 70% 40%,rgba(29,78,216,.3),transparent);background-size:200% 200%,180% 180%,220% 220%,190% 190%,210% 210%,200% 200%,180% 180%;background-position:0 0,50%,100% 100%,25% 75%,75% 25%,40% 60%,60% 40%;animation:particle-float-light 20s ease-in-out infinite}html.dark body::before{background-image:radial-gradient(2px 2px at 20% 30%,rgba(147,197,253,.4),transparent),radial-gradient(2px 2px at 60% 70%,rgba(103,232,249,.3),transparent),radial-gradient(1px 1px at 50% 50%,rgba(165,243,252,.5),transparent),radial-gradient(1px 1px at 80% 10%,rgba(147,197,253,.4),transparent),radial-gradient(2px 2px at 90% 60%,rgba(56,189,248,.3),transparent),radial-gradient(1px 1px at 33% 80%,rgba(165,243,252,.5),transparent),radial-gradient(1px 1px at 70% 40%,rgba(147,197,253,.4),transparent);background-size:200% 200%,180% 180%,220% 220%,190% 190%,210% 210%,200% 200%,180% 180%;background-position:0 0,50%,100% 100%,25% 75%,75% 25%,40% 60%,60% 40%;animation:particle-float-dark 20s ease-in-out infinite}@keyframes particle-float-light{0%,100%{background-position:0 0,50%,100% 100%,25% 75%,75% 25%,40% 60%,60% 40%}25%{background-position:40% 20%,70% 60%,80% 90%,45% 85%,85% 35%,50% 70%,70%}50%{background-position:80% 40%,90% 70%,60% 80%,65% 95%,95% 45%,60% 80%,80% 60%}75%{background-position:40% 60%,70% 80%,40% 70%,45% 65%,75% 55%,50%,70% 70%}}@keyframes particle-float-dark{0%,100%{background-position:0 0,50%,100% 100%,25% 75%,75% 25%,40% 60%,60% 40%}25%{background-position:40% 20%,70% 60%,80% 90%,45% 85%,85% 35%,50% 70%,70%}50%{background-position:80% 40%,90% 70%,60% 80%,65% 95%,95% 45%,60% 80%,80% 60%}75%{background-position:40% 60%,70% 80%,40% 70%,45% 65%,75% 55%,50%,70% 70%}}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.15}html:not(.dark) body::after{background-image:radial-gradient(1px 1px at 10% 20%,rgba(29,78,216,.6),transparent),radial-gradient(1px 1px at 90% 80%,rgba(6,182,212,.6),transparent),radial-gradient(1px 1px at 45% 15%,rgba(14,165,233,.6),transparent);background-size:150% 150%,160% 160%,155% 155%;animation:sparkle-light 15s ease-in-out infinite}html.dark body::after{background-image:radial-gradient(1px 1px at 10% 20%,rgba(147,197,253,.7),transparent),radial-gradient(1px 1px at 90% 80%,rgba(165,243,252,.7),transparent),radial-gradient(1px 1px at 45% 15%,rgba(56,189,248,.7),transparent);background-size:150% 150%,160% 160%,155% 155%;animation:sparkle-dark 15s ease-in-out infinite}@keyframes sparkle-light{0%,100%{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}@keyframes sparkle-dark{0%,100%{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none}}