.magic-card{isolation:isolate;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:260px;--glow-color:31, 170, 196;position:relative;overflow:hidden}.magic-card:after{content:"";border-radius:inherit;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%);pointer-events:none;z-index:3;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-card:hover{box-shadow:0 8px 28px #00000040,0 0 32px rgba(var(--glow-color),.25)}.magic-card .magic-particle{background:rgba(var(--glow-color),1);width:4px;height:4px;box-shadow:0 0 6px rgba(var(--glow-color),.6);pointer-events:none;z-index:4;border-radius:50%;position:absolute}.magic-spotlight{pointer-events:none;z-index:200;opacity:0;mix-blend-mode:screen;will-change:transform,opacity;border-radius:50%;width:800px;height:800px;position:fixed;transform:translate(-50%,-50%)}