.bento-grid-container{gap:1.25rem;width:100%;margin:0 auto;display:grid}@media (max-width:767px){.bento-grid-container{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.bento-grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.bento-grid-container{grid-template-columns:repeat(3,1fr)}}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px;--glow-color-rgb:99,102,241;border:1px solid rgba(255,255,255,.12);border-radius:16px;flex-direction:column;width:100%;min-height:200px;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-4px)}.magic-bento-card-glow:before{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(var(--glow-color-rgb),calc(var(--glow-intensity)*.12))0%,transparent 70%);border-radius:inherit;pointer-events:none;z-index:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.magic-bento-card-glow:after{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(var(--glow-color-rgb),calc(var(--glow-intensity)*.85))0%,rgba(var(--glow-color-rgb),calc(var(--glow-intensity)*.2))40%,transparent 70%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1.5px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 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}.bento-card-body{z-index:2;font-size:.95rem;line-height:1.5;position:relative}.bento-card-label{text-transform:uppercase;letter-spacing:.05em;z-index:2;margin-bottom:.5rem;font-size:.75rem;position:relative}.bento-card-title{z-index:2;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;position:relative}.bento-particle{pointer-events:none;z-index:10;border-radius:50%;width:4px;height:4px;position:absolute}