.pc-card-wrapper{--card-opacity:0;--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;perspective:1000px;border-radius:1.25rem;position:relative;overflow:hidden;width:20rem;height:25rem;margin:0 auto}.pc-card-wrapper.active{--card-opacity:1;transition:--card-opacity .3s ease-in-out}.pc-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transition:transform .6s cubic-bezier(.23,1,.32,1)}.pc-card.active{transition:transform .1s linear}.pc-inside{overflow:hidden;background:var(--inner-gradient);transform:translateZ(0)}.pc-glare,.pc-inside,.pc-shine{position:absolute;inset:0;border-radius:1.25rem}.pc-glare,.pc-shine{mix-blend-mode:screen;pointer-events:none}.pc-shine{background:var(--behind-gradient)}.pc-glare,.pc-shine{opacity:var(--card-opacity);transition:opacity .3s ease-in-out}.pc-glare{background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 60%)}.pc-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.avatar{width:100%;height:100%;object-fit:cover;border-radius:1.25rem}.pc-user-info{position:absolute;bottom:1rem;left:1rem;right:1rem;justify-content:space-between;padding:.75rem;border-radius:.75rem;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transform:translateZ(20px)}.pc-user-details,.pc-user-info{display:flex;align-items:center}.pc-user-details{gap:.75rem}.pc-mini-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.8)}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover}.pc-handle,.pc-status{color:rgb(255,255,255);font-weight:500;line-height:1.2}.pc-handle{font-size:.875rem}.pc-status{font-size:.75rem;color:#0acd4e}.pc-contact-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;cursor:pointer;transition:all .2s ease-in-out}.pc-contact-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}