.tc-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--behind-glow-color:rgba(99,102,241,0.45);--card-radius:16px;perspective:1400px;position:relative}.tc-behind{position:absolute;inset:-8%;z-index:0;pointer-events:none;border-radius:calc(var(--card-radius) * 2);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0,transparent 60%);filter:blur(40px) saturate(1.1);opacity:0;transition:opacity .3s ease}.tc-wrapper:hover .tc-behind{opacity:1}.tc-shell{position:relative;z-index:1}.tc-card{display:grid;border-radius:var(--card-radius);position:relative;overflow:hidden;box-shadow:rgba(15,23,42,.15) calc((var(--pointer-from-left) * 8px) - 2px) calc((var(--pointer-from-top) * 16px) - 4px) 24px -8px;transition:transform .6s ease;transform:translateZ(0) rotateX(0deg) rotateY(0deg)}.tc-shell.active .tc-card{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.tc-shell.entering .tc-card{transition:transform .18s ease-out}.tc-card>*{grid-area:1/-1}.tc-content{position:relative;z-index:1;pointer-events:auto}.tc-glare,.tc-shine{pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:3}.tc-shell.active .tc-glare,.tc-shell.active .tc-shine{opacity:1}.tc-shine{background-image:repeating-linear-gradient(-45deg,rgba(99,102,241,.4) 0,rgba(139,92,246,.32) 8%,rgba(236,72,153,.26) 16%,rgba(99,102,241,.4) 24%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.4) 5%,hsla(0,0%,100%,0) 55%);background-size:260% 260%,100% 100%;background-position:var(--pointer-x) var(--pointer-y),50%;filter:saturate(1.1)}.tc-glare,.tc-shine{mix-blend-mode:soft-light}.tc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.2) 10%,hsla(230,40%,30%,.08) 80%)}@media (hover:none),(pointer:coarse){.tc-behind{display:none}}