.reactive-card{width:100%;aspect-ratio:.718;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);position:relative;background-size:100% 100%;background-position:0 0,0 0,0 0,50% 50%,0 0,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x,50%) var(--pointer-y,50%),hsla(222,100%,94%,var(--hl)) 8%,hsla(222,100%,80%,var(--hl)) 22%,hsla(222,100%,70%,0) 66%),radial-gradient(40% 51% at 7% 32%,hsl(var(--primary)/.7) 0,#073aff00 100%),radial-gradient(40% 52% at 85% 67%,hsl(var(--primary)/.6) 0,#073aff00 100%),radial-gradient(80% 80% at 50% 50%,hsl(var(--primary)/.5) 27%,#073aff00 58%);background-blend-mode:color-dodge,normal,normal,normal,normal,normal;transform:translateZ(.1px);z-index:1;--hl:0;--t:all .66s linear(0,0.007,0.028 2.1%,0.112 4.6%,0.224 6.9%,0.604 14.2%,0.713,0.803,0.879,0.939,0.985 26.2%,1.019 28.9%,1.034 30.7%,1.045,1.051 34.8%,1.053 37.2%,1.046 41.6%,1.012 54.7%,1.001 62.8%,0.997 73%,1)}.reactive-card:hover{--hl:1}.reactive-card .inside{border-radius:inherit;grid-column:1/-1;grid-row:1/-1;inset:1px;position:absolute;display:flex;flex-direction:column;align-items:center;overflow:hidden;justify-content:center;background:hsl(var(--card)/.8);backdrop-filter:blur(10px);z-index:2;padding:1rem}.reactive-card .inside:after{content:"";position:absolute;inset:0;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.2) 90%);mix-blend-mode:overlay;filter:brightness(1) contrast(1.2);opacity:var(--hl);transition:var(--t)}.reactive-card:after{content:"";grid-column:1/-1;grid-row:1/-1;inset:-10px;position:absolute;background:inherit;scale:.8;filter:blur(36px) brightness(1) contrast(.85) saturate(1.4);z-index:0;transition:var(--t)}.reactive-card:hover:after{scale:.9;filter:blur(36px) brightness(1) contrast(1) saturate(1)}.reactive-card-title{font-size:1.5em;font-weight:700;text-wrap:balance;text-align:center;background-image:linear-gradient(180deg,white 40%,hsl(120deg,100%,80%));background-size:1em 1lh;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 .025em .05em rgba(0,0,0,.2)) drop-shadow(0 1px 1px black)}