.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(#0006 0%,#0003 30%,#0000001a 50%,#0000000d 70%,#0000 90%);mask-image:radial-gradient(#0006 0%,#0003 30%,#0000001a 50%,#0000000d 70%,#0000 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(#0000 0% 50%,#00000026 90%,#00000040 100%);position:absolute;inset:0}.gradient-squares-content{z-index:10;position:relative}@media (max-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}}