.gradient-background{z-index:-1;pointer-events:none;background: radial-gradient(ellipse 100% 60% at 50% -10%, hsl(var(--accent-gradient-mid) / var(--ambient-warm-opacity)), transparent 50%),  radial-gradient(ellipse 40% 40% at 90% 50%, hsl(var(--accent-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%);width:100vw;height:100vh;min-height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.gradient-background:before{content:"";background: radial-gradient(ellipse 45% 45% at 65% 25%, hsl(var(--accent-gradient-mid) / .06), transparent),  radial-gradient(ellipse 35% 35% at 80% 70%, hsl(var(--accent-gradient-start) / .04), transparent);animation:25s ease-in-out infinite alternate ambient-drift;position:absolute;inset:0}@keyframes ambient-drift{0%{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(-15px,10px)scale(1.05)}to{opacity:.7;transform:translate(20px,-15px)scale(1.1)}}.gradient-background:after{content:"";opacity:.025;pointer-events:none;mix-blend-mode:overlay;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");position:absolute;inset:0}