.gradient-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 100% 60% at 50% -10%,hsl(var(--fire-gradient-mid)/var(--ambient-warm-opacity)),transparent 50%),radial-gradient(ellipse 40% 40% at 90% 50%,hsl(var(--fire-gradient-mid)/var(--ambient-warm-secondary-opacity)),transparent 50%),linear-gradient(145deg,hsl(var(--ambient-bg-start)) 0,hsl(var(--ambient-bg-mid)) 20%,hsl(var(--ambient-bg-end)) 45%,hsl(var(--ambient-bg-mid)) 70%,hsl(var(--ambient-bg-start)) 100%)}.gradient-background:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 45% at 65% 25%,hsl(var(--fire-gradient-mid)/.06),transparent),radial-gradient(ellipse 35% 35% at 80% 70%,hsl(var(--fire-gradient-start)/.04),transparent);animation:ambient-drift 25s ease-in-out infinite alternate}@keyframes ambient-drift{0%{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-15px,10px) scale(1.05);opacity:.8}to{transform:translate(20px,-15px) scale(1.1);opacity:.7}}.gradient-background:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;mix-blend-mode:overlay}