.tcard-parent{perspective:1000px;height:100%}.tcard-flipper{position:relative;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out}.tcard{position:relative;height:100%;border-radius:24px;padding:2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:all .5s ease-in-out;transform-style:preserve-3d;box-shadow:#00283200 40px 50px 25px -40px,#0028322e 0 25px 25px -5px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tcard-glass{transform-style:preserve-3d;position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:28px 100% 28px 28px;background:linear-gradient(0deg,color-mix(in srgb,var(--accent, #36C9A7) 6%,transparent),#ffffff12);transform:translateZ(25px);border-left:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);transition:all .5s ease-in-out;pointer-events:none}.tcard-content{position:relative;z-index:2;transform:translateZ(26px)}.tcard-logo{position:absolute;right:0;top:0;transform-style:preserve-3d;pointer-events:none}.tcard-circle{position:absolute;aspect-ratio:1;border-radius:50%;top:0;right:0;background:color-mix(in srgb,var(--accent, #36C9A7) 18%,transparent);box-shadow:#00283233 -10px 10px 20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .5s ease-in-out}.tcard-circle1{width:120px;top:8px;right:8px;transform:translateZ(20px)}.tcard-circle2{width:100px;top:10px;right:10px;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);transform:translateZ(40px);transition-delay:.4s}.tcard-circle3{width:78px;top:14px;right:14px;transform:translateZ(60px);transition-delay:.8s}.tcard-circle4{width:56px;top:18px;right:18px;transform:translateZ(80px);transition-delay:1.2s}.tcard-circle5{width:36px;top:22px;right:22px;transform:translateZ(100px);display:grid;place-content:center;transition-delay:1.6s}.tcard-circle5 svg{width:16px;height:16px;color:#fff}.tcard-backface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;overflow:hidden;transform:rotateY(180deg);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#000}.tcard-backface img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tcard-parent:hover .tcard-flipper{transform:rotate3d(1,1,0,22deg)}.tcard-parent:hover .tcard{box-shadow:#00283247 30px 50px 25px -40px,#0028321a 0 25px 30px}.tcard-parent:hover .tcard-circle2{transform:translateZ(60px)}.tcard-parent:hover .tcard-circle3{transform:translateZ(80px)}.tcard-parent:hover .tcard-circle4{transform:translateZ(100px)}.tcard-parent:hover .tcard-circle5{transform:translateZ(120px)}