.card-highlight{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:16px;height:100%;padding:1rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d,0 1px 3px #00000008}.card-highlight:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--portal-primary) 80%, transparent), color-mix(in srgb, var(--portal-primary) 25%, transparent));opacity:0;pointer-events:none;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.card-highlight--clickable{cursor:pointer}.card-highlight:hover{border-color:color-mix(in srgb, var(--portal-primary) 30%, transparent);transform:translateY(-3px);box-shadow:0 10px 28px #00000017,0 3px 10px #0000000f}.card-highlight:hover:before{opacity:1}html[data-portal-theme=dark] .card-highlight{box-shadow:0 2px 12px #00000040,0 1px 4px #00000026}html[data-portal-theme=dark] .card-highlight:hover{box-shadow:0 10px 32px #0006,0 3px 12px #00000040}