#degrade{position:relative;overflow:hidden;color:#fff;min-height:560px;padding:6vw 5vw;background:linear-gradient(115deg,#05060a 0%,#0a0f23 28%,#0b1e4a 52%,#0f2a80 72%,#1b45ff 100%);background-size:400% 400%;animation:bgShift 22s ease-in-out infinite}#degrade::after{content:"";position:absolute;inset:-15%;pointer-events:none;mix-blend-mode:screen;opacity:.35;background:radial-gradient(1000px 700px at 20% 25%,rgba(0,170,255,.10),rgba(255,255,255,0) 60%),radial-gradient(900px 600px at 80% 75%,rgba(255,60,60,.08),rgba(255,255,255,0) 60%);animation:drift 28s ease-in-out infinite alternate}#degrade::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 2px,rgba(0,0,0,.012) 2px 4px);mix-blend-mode:soft-light;animation:grain 7s linear infinite}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes drift{0%{transform:translate3d(-2%,-2%,0) rotate(0.2deg)}100%{transform:translate3d(2%,2%,0) rotate(-0.2deg)}}@keyframes grain{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-3%,-3%,0)}}@media (prefers-reduced-motion:reduce){#degrade,#degrade::before,#degrade::after{animation:none;background-position:50% 50%}}