.particle-container{position:relative;overflow:hidden;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.particle-container--border-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * .9)) 0%,rgba(var(--glow-color),calc(var(--glow-intensity) * .45)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:2}.particle-container--lift{transition:transform .18s ease,box-shadow .18s ease}.particle-container--lift:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(var(--glow-color),.18)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;pointer-events:none}body.light .global-spotlight{mix-blend-mode:multiply}@media(prefers-reduced-motion:reduce){.particle-container--lift{transition:none}.particle-container--lift:hover{transform:none}.global-spotlight,.particle{display:none}}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}