.card{background:var(--bg-card);border:1px solid var(--border-default);transform-style:preserve-3d;will-change:transform;border-radius:24px;padding:1.5rem;transition:all .3s;position:relative;overflow:visible}.card:hover{border-color:var(--border-focus);transform:scale(1.02)translateY(-2px);box-shadow:0 8px 32px rgba(139,92,246,.15),inset 0 1px rgba(139,92,246,.1)}.card-blob{filter:blur(100px);pointer-events:none;z-index:0;background-color:rgba(163,0,251,.07);border-radius:20%;width:20vw;height:30vh;transition:opacity .2s ease-out;position:absolute;transform:translate(-50%,-50%)translateZ(0)}.card-content{z-index:1;transform-style:preserve-3d;transition:transform .3s,filter .3s;position:relative}
.card:hover .metric-icon-wrapper svg{filter:drop-shadow(0 0 16px var(--accent-primary))drop-shadow(0 0 8px var(--glow-primary))}.metric-icon{color:var(--accent-primary);opacity:.6;transition:all .3s}.card:hover .metric-icon-wrapper .metric-icon{color:var(--accent-primary);opacity:1;filter:drop-shadow(0 0 16px var(--accent-primary))drop-shadow(0 0 8px var(--glow-primary))}