.spotlight-card{position:relative;border-radius:var(--radius,12px);background:transparent;border:1px solid var(--border,rgba(26,26,26,.08));overflow:hidden;cursor:default;transition:border-color .3s ease;height:100%}.spotlight-card.spotlight-active,.spotlight-card:hover{border-color:rgba(10,58,42,.15)}.spotlight-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--spotlight-color,rgba(10,58,42,.12)),transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:3}.spotlight-card.spotlight-active:before,.spotlight-card:hover:before{opacity:1}.spotlight-card>*{position:relative;z-index:2}@media (max-width:768px){.spotlight-card{width:100%}.spotlight-card:before{display:none}.spotlight-card.spotlight-active,.spotlight-card:hover{border-color:var(--border,rgba(26,26,26,.08))}}