.card-spotlight{border:1px solid hsl(var(--border));background-color:hsl(var(--card));--mouse-x:50%;--mouse-y:50%;--spotlight-color:#00000014;cursor:pointer;color:inherit;border-radius:1.5rem;padding:2rem;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.dark .card-spotlight{--spotlight-color:#ffffff1a;border-color:hsl(var(--border))}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.card-spotlight:hover{border-color:hsl(var(--border));transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .card-spotlight:hover{box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003}