.bento-section{-webkit-user-select:none;user-select:none;position:relative}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:220px;--glow-color:173, 80, 255;will-change:transform;transition:box-shadow .3s;position:relative;overflow:hidden}.magic-bento-card:after{content:"";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 65%);border-radius:inherit;pointer-events:none;z-index:2;opacity:1;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card:hover{box-shadow:0 4px 20px #2e184e26,0 0 30px rgba(var(--glow-color),.25)}.magic-bento-card>*{z-index:3;position:relative}.global-spotlight{pointer-events:none;z-index:1;opacity:0;mix-blend-mode:multiply;will-change:transform,opacity;background:radial-gradient(circle,#ad50ff1f,#ad50ff0f 15%,#ad50ff08 25%,#ad50ff04 40%,#0000 70%);border-radius:50%;width:800px;height:800px;position:fixed;transform:translate(-50%,-50%)}.particle{pointer-events:none;z-index:4;background:#ad50ff;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 6px #ad50ff99}