:root{--blob-x:50vw;--blob-y:50vh}body{background-color:var(--background);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px}body::before{content:'';position:fixed;top:0;left:0;width:600px;height:600px;background:radial-gradient(circle at center,rgba(59,130,246,.15),rgba(59,130,246,.05) 40%,transparent 70%);transform:translate(calc(var(--blob-x) - 300px),calc(var(--blob-y) - 300px));pointer-events:none;z-index:0;will-change:transform}@media (max-width:1024px),(hover:none),(pointer:coarse){body::before{width:420px;height:420px;transform:translate(calc(var(--blob-x) - 210px),calc(var(--blob-y) - 210px));background:radial-gradient(circle at center,rgba(59,130,246,.12),rgba(59,130,246,.04) 42%,transparent 72%)}}