:root{--purple-primary:#8400ff;--purple-glow:#8400ff33;--border-color:#392e4e;--background-dark:#060010}.card-grid{gap:.75rem;max-width:90rem;margin:0 auto;display:grid}.magic-bento-card{border:1px solid var(--border-color);background:var(--background-dark);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px;border-radius:1rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-2px)}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity)*.8))0%,rgba(132,0,255,calc(var(--glow-intensity)*.4))30%,transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:2px;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}.particle-container{position:relative;overflow:hidden}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;pointer-events:none}.bento-section{-webkit-user-select:none;user-select:none;position:relative}@media (min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}}