:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--card-radius:20px}.pc-card-wrapper{perspective:1000px;width:100%;height:350px;position:relative}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card{width:100%;height:100%;position:relative;border-radius:var(--card-radius);background:rgba(255,255,255,.1);border:1px solid rgba(147,51,234,.3);backdrop-filter:blur(20px);overflow:hidden;transition:all .3s ease;transform:rotateX(0deg) rotateY(0deg);box-shadow:0 8px 32px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.3)}.pc-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(147,51,234,calc(var(--card-opacity) * .3)) 0,rgba(139,92,246,calc(var(--card-opacity) * .2)) 25%,rgba(168,85,247,calc(var(--card-opacity) * .1)) 50%,transparent 100%);border-radius:var(--card-radius);transition:opacity .3s ease}.pc-card.active,.pc-card:hover{transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x));border-color:rgba(147,51,234,.6);box-shadow:0 8px 32px rgba(147,51,234,.3)}.pc-card-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:24px;z-index:2}.pc-icon-section{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pc-main-icon{width:64px;height:64px;color:rgba(147,51,234,.9);filter:drop-shadow(0 4px 12px rgba(147,51,234,.4));transition:all .3s ease}.pc-card:hover .pc-main-icon{color:rgba(168,85,247,1);filter:drop-shadow(0 6px 16px rgba(147,51,234,.6));transform:scale(1.1)}.pc-text-section{text-align:center;margin-bottom:20px}.pc-title{font-size:1.25rem;font-weight:600;margin:0 0 8px;background:linear-gradient(135deg,#000000,#a855f7);-webkit-background-clip:text;background-clip:text;line-height:1.2}.pc-subtitle,.pc-title{-webkit-text-fill-color:transparent}.pc-subtitle{font-size:.875rem;font-weight:500;margin:0;background:linear-gradient(135deg,#64748b,#9333ea);-webkit-background-clip:text;background-clip:text;line-height:1.3}.pc-user-info{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:1px solid rgba(147,51,234,.2);border-radius:12px;padding:12px;transition:all .3s ease}.pc-card:hover .pc-user-info{background:rgba(255,255,255,.3);border-color:rgba(147,51,234,.4)}.pc-user-details{gap:8px;flex:1;min-width:0}.pc-mini-icon,.pc-user-details{display:flex;align-items:center}.pc-mini-icon{width:32px;height:32px;border-radius:50%;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.3);justify-content:center;flex-shrink:0}.pc-mini-icon-svg{width:16px;height:16px;color:rgba(147,51,234,.9)}.pc-user-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.pc-handle{font-size:.75rem;font-weight:500;color:rgba(0,0,0,.9);overflow:hidden;text-overflow:ellipsis}.pc-handle,.pc-status{margin:0;white-space:nowrap}.pc-status{font-size:.65rem;color:rgba(0,0,0,.6)}.pc-contact-btn{background:rgba(147,51,234,.2);border:1px solid rgba(147,51,234,.5);border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:600;color:rgba(147,51,234,1);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);white-space:nowrap;display:flex;align-items:center;gap:6px}.pc-contact-btn:hover{background:rgba(147,51,234,.5);border-color:rgba(147,51,234,.8);transform:translateY(-1px);color:#ffffff}.pc-download-icon{width:14px;height:14px}@media (max-width:768px){.pc-card-wrapper{height:320px}.pc-card-content{padding:20px}.pc-main-icon{width:56px;height:56px}.pc-title{font-size:1.125rem}.pc-subtitle{font-size:.8125rem}}@media (max-width:480px){.pc-card-wrapper{height:300px}.pc-card-content{padding:16px}.pc-main-icon{width:48px;height:48px}.pc-title{font-size:1rem}.pc-user-info{padding:8px 10px}.pc-mini-icon{width:28px;height:28px}.pc-mini-icon-svg{width:14px;height:14px}.pc-contact-btn{padding:3px 6px;font-size:.6rem}.pc-download-icon{width:8px;height:8px}}