.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid rgb(var(--app-border));background:rgb(var(--app-surface)/.86);padding:2rem;overflow:visible;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--app-shadow);color:rgb(var(--app-primary))}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 72%);opacity:0;transition:opacity .45s ease;pointer-events:none;z-index:0}.card-spotlight>*{position:relative;z-index:1}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.72}.light .card-spotlight{background:rgb(var(--app-surface)/.96);border-color:rgb(var(--app-border));box-shadow:0 18px 55px rgba(15,23,42,.08)}.light .card-spotlight:before{opacity:0!important;display:none}