.spotlight-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:32px 28px;box-shadow:var(--shadow-card);backdrop-filter:blur(16px);transition:transform .28s var(--ease-spring),box-shadow .28s var(--ease-spring),border-color .28s ease;overflow:visible;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.spotlight-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(450px circle at var(--mouse-x,0px) var(--mouse-y,0px),#4e635040,transparent 50%);opacity:0;transition:opacity.3s;pointer-events:none;z-index:0}.spotlight-card:after{content:"";position:absolute;inset:-8px;border-radius:inherit;pointer-events:none;z-index:0}.spotlight-card:hover:after{pointer-events:auto}.spotlight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-active)}.spotlight-inner{position:relative;z-index:1}