.card-spotlight{position:relative;background:#1e1f20;border:1px solid #374151;border-radius:12px;padding:24px;overflow:hidden;transition:all .3s ease;cursor:pointer}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(300px circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--spotlight-color,rgba(255,255,255,.25)),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.card-spotlight:hover:before{opacity:1}.card-spotlight:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.1)}.card-spotlight>*{position:relative;z-index:2}