.hero-orb{position:absolute;width:560px;height:560px;top:8%;right:3%;border-radius:50%;background:radial-gradient(circle at center,transparent 25%,rgba(122,45,228,0.35) 26%,transparent 27%),repeating-radial-gradient(circle at center,transparent 0 18px,rgba(23,57,223,0.22) 19px 20px);transform:perspective(500px) rotateY(-35deg);pointer-events:none}.hero-orb-outline{position:absolute;width:55vw;height:55vw;top:6%;right:-7%;border:1px solid rgba(255,255,255,0.12);border-radius:50%;pointer-events:none}