.gradient-squares-bg{background-color:var(--surface-page);background-image:radial-gradient(circle at 50% 50%, var(--effect-grid-glow) 0%, color-mix(in srgb, var(--effect-grid-glow) 40%, transparent) 40%, transparent 70%);min-height:100vh;position:relative;overflow:hidden}.gradient-squares-pattern{background-image:linear-gradient(var(--effect-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--effect-grid-line) 1px, transparent 1px);z-index:1;background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(rgba(0,0,0,.4) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 70%,transparent 90%);mask-image:radial-gradient(rgba(0,0,0,.4) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 70%,transparent 90%)}.gradient-squares-grid,.gradient-square{display:none}.gradient-overlay-animated{background-image:radial-gradient(circle at 50% 30%, var(--effect-grid-glow) 0%, transparent 50%);z-index:2;position:absolute;inset:0}.gradient-overlay-animated2{background-image:radial-gradient(circle at 30% 70%, color-mix(in srgb, var(--effect-grid-glow) 70%, transparent) 0%, transparent 50%);z-index:2;position:absolute;inset:0}.gradient-depth{pointer-events:none;z-index:3;background-image:radial-gradient(transparent 0% 50%,rgba(0,0,0,.15) 90%,rgba(0,0,0,.25) 100%);position:absolute;inset:0}.gradient-squares-content{z-index:10;position:relative}@media (width<=768px){.gradient-squares-pattern{background-size:60px 60px}}.gradient-squares-bg{will-change:background;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.gradient-overlay-animated,.gradient-overlay-animated2{animation:none}}