.pc-card-wrapper{perspective:1500px;transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.23,1,.32,1);width:320px;height:400px;margin:0 auto}.pc-card-wrapper.active{transition-duration:.16s}.pc-card{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;transform-style:preserve-3d;transform:rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform;cursor:pointer}.pc-card.active{transition-duration:.16s}.pc-card:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3);border-radius:inherit;z-index:1;opacity:0;transition:opacity .6s ease}.pc-card-wrapper.active .pc-card:before{opacity:1}.pc-inside{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#f8fafc,#e2e8f0 50%,#cbd5e1);border-radius:22px;margin:2px;z-index:2;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:background .6s ease}.pc-card-wrapper.active .pc-inside{background:rgba(0,0,0,.8)}.pc-shine{position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.1) 0,transparent 50%);opacity:0;transition:opacity .6s ease;z-index:3;pointer-events:none}.pc-card-wrapper.active .pc-shine{opacity:1}.pc-glare{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.05) 50%,transparent 60%);opacity:0;transition:opacity .6s ease;z-index:4;pointer-events:none;transform:translateX(-100%)}.pc-card-wrapper.active .pc-glare{opacity:1;transform:translateX(100%);transition:transform .8s ease,opacity .6s ease}.pc-content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;padding:24px}.pc-avatar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px 16px}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3)}.pc-user-info{position:relative;margin:16px 0 0;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);border-radius:16px;padding:12px 16px;justify-content:space-between;border:1px solid rgba(255,255,255,.1)}.pc-user-details,.pc-user-info{display:flex;align-items:center}.pc-user-details{gap:12px}.pc-mini-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover}.pc-user-text{color:white;font-size:12px;line-height:1.2}.pc-handle{font-weight:600;opacity:.9}.pc-status{opacity:.7;font-size:11px}.pc-contact-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.pc-contact-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.pc-details{text-align:center;color:#1f2937;transition:color .6s ease}.pc-card-wrapper.active .pc-details{color:white}.pc-details h3{font-size:20px;font-weight:600;margin:0 0 8px}.pc-details h3,.pc-details p{color:inherit;transition:color .6s ease}.pc-details p{font-size:14px;margin:0;opacity:.8;font-weight:400}@media (max-width:768px){.pc-card-wrapper{width:300px;height:360px;margin:0 auto 1.5rem}.avatar{width:100px;height:100px}.pc-content{padding:18px}.pc-avatar-content{padding:20px 18px 10px}.pc-details h3{font-size:18px;margin-bottom:6px}.pc-details p{font-size:13px;line-height:1.4}}@media (max-width:480px){.pc-card-wrapper{width:280px;height:340px;margin:0 auto 1.25rem}.avatar{width:90px;height:90px}.pc-content{padding:16px}.pc-avatar-content{padding:18px 16px 8px}.pc-details h3{font-size:16px;margin-bottom:4px}.pc-details p{font-size:12px;line-height:1.3}}