.solar-backdrop{overflow:hidden;pointer-events:none}
.solar-sky{position:absolute;top:0;left:-10%;width:119%;height:auto;max-width:none;aspect-ratio:1600/900;display:block;mask-image:radial-gradient(118% 104% at 76% 20%,#000 32%,rgba(0,0,0,.5) 68%,transparent 94%);-webkit-mask-image:radial-gradient(118% 104% at 76% 20%,#000 32%,rgba(0,0,0,.5) 68%,transparent 94%)}
.solar-backdrop::before,.solar-page::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='.035'/%3E%3C/svg%3E"),radial-gradient(1.4px 1.4px at 17% 23%,rgba(236,239,247,.65),transparent),radial-gradient(1px 1px at 63% 11%,rgba(236,239,247,.3),transparent),radial-gradient(1px 1px at 85% 57%,rgba(255,213,145,.36),transparent),radial-gradient(1.6px 1.6px at 33% 78%,rgba(236,239,247,.38),transparent),radial-gradient(1px 1px at 7% 61%,rgba(236,239,247,.22),transparent);background-size:180px 180px,461px 461px,461px 461px,461px 461px,673px 673px,673px 673px}
.solar-page{position:relative;isolation:isolate}.solar-page::before{z-index:-1}.solar-page .solar-backdrop::before{display:none}
@media(max-width:720px){.solar-sky{left:-62%;width:200%;mask-image:radial-gradient(120% 34% at 84% 11%,#000 20%,rgba(0,0,0,.4) 55%,transparent 84%);-webkit-mask-image:radial-gradient(120% 34% at 84% 11%,#000 20%,rgba(0,0,0,.4) 55%,transparent 84%)}}
