html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 42%,rgba(255,184,94,.2) 0%,rgba(255,184,94,.07) 24%,transparent 46%),radial-gradient(circle at 18% 28%,rgba(255,126,205,.2) 0%,rgba(255,126,205,.07) 18%,transparent 40%),radial-gradient(circle at 82% 25%,rgba(114,190,255,.18) 0%,rgba(114,190,255,.06) 20%,transparent 42%),radial-gradient(circle at 50% 100%,rgba(77,35,12,.85) 0%,transparent 44%),linear-gradient(180deg,#140719,#09030b 48%,#020101)}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(255,126,205,.24),transparent 36%),radial-gradient(ellipse at 75% 24%,rgba(120,190,255,.22),transparent 38%),radial-gradient(ellipse at 46% 76%,rgba(255,195,105,.18),transparent 42%);filter:blur(45px);animation:auroraMove 12s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,240,190,.72) 1px,transparent 1.6px),radial-gradient(circle,rgba(255,155,213,.45) 1px,transparent 1.6px),radial-gradient(circle,rgba(150,210,255,.35) 1px,transparent 1.5px);background-size:90px 90px,140px 140px,190px 190px;background-position:0 0,40px 60px,80px 20px;opacity:.24;animation:starsFloat 18s linear infinite}canvas{display:block;background:transparent}@keyframes auroraMove{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@keyframes starsFloat{0%{transform:translateY(0)}to{transform:translateY(-90px)}}