.hero-gradient{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative}.hero-gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,58,212,.3),transparent 50%),radial-gradient(circle at 40% 20%,rgba(67,233,255,.3),transparent 50%);animation:gradient-shift 15s ease infinite}@keyframes gradient-shift{0%,to{opacity:1}50%{opacity:.8}}