.particle-container{position:relative;overflow:hidden;isolation:isolate}.particle{position:absolute;width:4px;height:4px;z-index:100}.global-spotlight,.particle{border-radius:50%;pointer-events:none}.global-spotlight{position:fixed;width:800px;height:800px;z-index:40;transform:translate(-50%,-50%);mix-blend-mode:screen}.magic-bento-card{position:relative;background-color:#12151c;border:1px solid hsla(0,0%,100%,.08);border-radius:1.25rem;padding:1.75rem;transition:border-color .3s ease,box-shadow .3s ease;overflow:hidden}.magic-bento-card--border-glow{position:relative}.magic-bento-card--border-glow:before{inset:-1px;padding:1px;background:radial-gradient(var(--glow-radius,300px) circle at var(--glow-x,50%) var(--glow-y,50%),rgba(var(--glow-color,237,23,66),calc(var(--glow-intensity, 0) * .7)),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.magic-bento-card--border-glow:before,.magic-bento-card:after{content:"";position:absolute;border-radius:inherit;pointer-events:none;opacity:var(--glow-intensity,0);transition:opacity .2s ease}.magic-bento-card:after{inset:0;background:radial-gradient(var(--glow-radius,300px) circle at var(--glow-x,50%) var(--glow-y,50%),rgba(var(--glow-color,237,23,66),calc(var(--glow-intensity, 0) * .15)),transparent 70%)}