:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--rotate-x:0deg;--rotate-y:0deg;--card-radius:30px}.pc-card-wrapper{perspective:500px;touch-action:none;position:relative;transform:translateZ(.1px)}.pc-card{aspect-ratio:.718;border-radius:var(--card-radius);background:linear-gradient(145deg,#1a1a1a,#2a2a2a);height:80svh;max-height:540px;transition:transform 1s;display:grid;position:relative;overflow:hidden;transform:translateZ(.1px)rotateX(0)rotateY(0);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1)}.pc-card:hover,.pc-card.active{transform:translate3d(0,0,.1px)rotateX(var(--rotate-y))rotateY(var(--rotate-x));transition:none;box-shadow:0 25px 50px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.2)}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid;transform:translateZ(.1px)}.pc-inside{background:rgba(0,0,0,.8);position:absolute;top:1px;bottom:1px;left:1px;right:1px;transform:translateZ(.01px)}.pc-shine,.pc-glare{display:none}.pc-avatar-content{z-index:10;overflow:hidden}.pc-avatar-content .avatar{object-fit:cover;opacity:1;z-index:11;width:100%;height:100%;position:absolute;top:55%;left:50%;transform:translate(-50%)translateY(-50%)scale(1.1)}.pc-avatar-content:before{display:none}.pc-user-info{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.2);border-radius:15px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.pc-user-details{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pc-mini-avatar{border:2px solid rgba(255,255,255,.3);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.pc-mini-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pc-user-text{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pc-handle{color:#fff;font-size:14px;font-weight:600;line-height:1}.pc-status{color:rgba(255,255,255,.8);font-size:12px;line-height:1}.pc-contact-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.pc-contact-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.pc-social-buttons{flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.pc-social-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:32px;height:36px;min-height:32px;padding:8px;transition:all .2s;display:flex}.pc-social-btn:hover{transform:translateY(-1px)}.pc-linkedin-btn:hover{color:#0077b5;background:rgba(0,119,181,.3);border-color:rgba(0,119,181,.6)}.pc-github-btn:hover{color:#333;background:rgba(51,51,51,.3);border-color:rgba(51,51,51,.6)}.pc-social-btn svg{width:100%;max-width:16px;height:100%;max-height:16px}.pc-content{text-align:center;z-index:5;max-height:100%;position:relative;overflow:hidden;transform:translate3d(calc(var(--pointer-from-left)*-6px + 3px),calc(var(--pointer-from-top)*-6px + 3px),.1px)!important}.pc-details{z-index:13;flex-direction:column;width:100%;display:flex;position:absolute;top:3em}.pc-details h3{color:#fff;-webkit-text-stroke:.6px rgba(0,0,0,.35);text-shadow:-.5px -.5px rgba(0,0,0,.35),.5px -.5px rgba(0,0,0,.35),-.5px .5px rgba(0,0,0,.35),.5px .5px rgba(0,0,0,.35);margin:0;font-size:min(5svh,3em);font-weight:700}.pc-details p{white-space:nowrap;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.5);width:min-content;margin:0 auto;font-size:16px;font-weight:500;position:relative;top:-12px}@media (max-width:768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{gap:10px;min-height:48px;padding:10px 12px;bottom:15px;left:15px;right:15px}.pc-mini-avatar{width:40px;height:40px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:11px}.pc-contact-btn{padding:6px 12px;font-size:12px}.pc-social-buttons{gap:6px}.pc-social-btn{width:32px;min-width:28px;height:32px;min-height:28px;padding:6px}.pc-social-btn svg{max-width:14px;max-height:14px}}@media (max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{border-radius:12px;gap:8px;min-height:44px;padding:8px 10px;bottom:12px;left:12px;right:12px}.pc-mini-avatar{width:36px;height:36px}.pc-user-details{gap:8px}.pc-user-text{gap:4px}.pc-handle{font-size:12px}.pc-status{font-size:10px}.pc-contact-btn{padding:5px 10px;font-size:11px}.pc-social-buttons{flex-flow:row;gap:4px}.pc-social-btn{width:28px;min-width:24px;height:28px;min-height:24px;padding:4px}.pc-social-btn svg{max-width:12px;max-height:12px}}@media (max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{gap:6px;min-height:40px;padding:6px 8px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:9px}.pc-contact-btn{padding:4px 8px;font-size:10px}.pc-social-buttons{gap:2px}.pc-social-btn{width:24px;min-width:20px;height:24px;min-height:20px;padding:2px}.pc-social-btn svg{max-width:10px;max-height:10px}}