:root{--glow-rgb:42, 68, 36;--green-primary:#2a4424;--green-glow:#2a442426;--border-color:#0000000f}.magic-bento-card{will-change:transform;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:280px;transition:box-shadow .3s,border-color .3s;position:relative}.magic-bento-card:hover{box-shadow:0 10px 30px #2a442414}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-rgb,42, 68, 36), calc(var(--glow-intensity) * .85)) 0%, rgba(var(--glow-rgb,42, 68, 36), calc(var(--glow-intensity) * .35)) 40%, transparent 70%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:var(--glow-intensity,0);z-index:20;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.5px;transition:opacity .2s;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--border-glow:hover:after{opacity:1}.particle-container{position:relative}.particle{pointer-events:none;z-index:30}.particle:before{content:"";background:rgba(var(--glow-rgb,42, 68, 36), .25);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.global-spotlight{will-change:transform, opacity, left, top;pointer-events:none;z-index:200!important}.bento-section{position:relative}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#fffdfa);border:1px solid #0000000f;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 4px 24px #00000008}.border-glow-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f61f}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#fffdfa) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #4ca6ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #69f 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #3cf 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #4ca6ff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #69f 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #3cf 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #4ca6ff 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#3b82f6 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1.5px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #4ca6ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #69f 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #3cf 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #4ca6ff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #69f 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #3cf 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #4ca6ff 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#3b82f6 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.15) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:normal;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:normal}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--glow-color,#4ca6ff), inset 0 0 2px 0 var(--glow-color-60,#4ca6ff99), inset 0 0 4px 0 var(--glow-color-50,#4ca6ff80), inset 0 0 8px 0 var(--glow-color-40,#4ca6ff66), inset 0 0 16px 0 var(--glow-color-30,#4ca6ff4d), 0 0 2px 0 var(--glow-color-60,#4ca6ff99), 0 0 4px 0 var(--glow-color-50,#4ca6ff80), 0 0 8px 0 var(--glow-color-40,#4ca6ff66), 0 0 16px 0 var(--glow-color-30,#4ca6ff4d), 0 0 30px 2px var(--glow-color-20,#4ca6ff33);position:absolute}.border-glow-inner{z-index:1;border-radius:inherit;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}