.card{background:var(--bg-card);transform-style:preserve-3d;will-change:transform;border:none;border-radius:24px;padding:1.5rem;transition:all .3s;position:relative;overflow:visible}.card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(rgba(138,92,246,.07) 0%,rgba(139,92,246,.02) 100%);border-radius:24px;padding:2px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before{background:linear-gradient(rgba(139,92,246,.4) 0%,rgba(139,92,246,.05) 100%)}.card:hover{transform:scale(1.02)translateY(-2px);box-shadow:0 0 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))}