.card-spotlight{position:relative;border-radius:1.25rem;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(37,99,235,0.15);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-sizing:border-box;overflow:hidden}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none;border-radius:inherit;z-index:2}.card-spotlight:hover{transform:translateY(-4px) scale(1.01)}.card-spotlight:hover:before{opacity:1}.card-spotlight:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.6),transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none;border-radius:inherit;z-index:3;padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.card-spotlight:hover:after{opacity:1}html.dark .card-spotlight:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.3),transparent 40%);background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.1),transparent 40%)}