: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;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-card-wrapper:before{display:none}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card{height:520px;width:380px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;border-radius:var(--card-radius);position:relative;background:linear-gradient(145deg,rgba(25,25,35,.95),rgba(15,15,25,.98));box-shadow:0 15px 30px -8px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .6s ease;transform-style:preserve-3d;will-change:transform,box-shadow;isolation:isolate;overflow:hidden;padding:22px;transform:translateZ(.1px) rotateY(var(--rotate-x)) rotateX(var(--rotate-y))}.pc-card.active,.pc-card:hover{box-shadow:0 20px 40px -8px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.15)}.pc-card *{transform:translateZ(.1px);pointer-events:none}.pc-card *,.pc-inside{border-radius:var(--card-radius)}.pc-inside{position:absolute;inset:1px;background-image:var(--inner-gradient);background-color:rgba(0,0,0,.9);display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "image" "footer";gap:0;padding:22px}.pc-header-info{grid-area:header;text-align:center;pointer-events:none;z-index:10;padding-bottom:15px}.pc-name{font-weight:700;margin:0 0 8px;font-size:1.3em;background-image:linear-gradient(180deg,hsla(0,0%,100%,.95),rgba(200,200,220,.9));background-clip:text;-webkit-background-clip:text;color:transparent;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pc-title{font-size:12px;color:hsla(0,0%,100%,.7);font-weight:500;margin:0;text-transform:uppercase;letter-spacing:1px}.pc-avatar-content{grid-area:image;position:relative;overflow:hidden;border-radius:12px;align-self:stretch;justify-self:stretch;display:flex;align-items:center;justify-content:center;margin:0}.pc-avatar-content .avatar{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;border-radius:12px;filter:grayscale(100%) contrast(1.1) brightness(.9);transition:all .6s ease;opacity:.95;transform:scale(1);background:rgba(0,0,0,.1)}.pc-card.active .pc-avatar-content .avatar,.pc-card:hover .pc-avatar-content .avatar{filter:grayscale(0) contrast(1.2) brightness(1.05) saturate(1.1);opacity:1;transform:scale(1.02)}.pc-user-info{grid-area:footer;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;pointer-events:auto;transition:all .6s ease;gap:12px;padding:12px 16px;margin-top:15px;min-height:65px}.pc-card.active .pc-user-info,.pc-card:hover .pc-user-info{background:rgba(0,0,0,.6);border-color:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.pc-user-details{gap:8px}.pc-status-expertise,.pc-user-details{display:flex;flex-direction:column;flex:1}.pc-status-expertise{gap:4px}.pc-expertise-label,.pc-status-label{font-size:9px;font-weight:600;color:hsla(0,0%,100%,.6);text-transform:uppercase;letter-spacing:.8px;margin:0}.pc-status-value{font-size:11px;font-weight:500;color:hsla(0,0%,100%,.9);background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(147,51,234,.2));border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:3px 8px;display:inline-block}.pc-expertise-list{display:flex;gap:4px;flex-wrap:wrap}.pc-expertise-tag{font-size:8px;font-weight:500;color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;padding:2px 6px}.pc-contact-btn,.pc-expertise-tag{white-space:nowrap;transition:all .3s ease}.pc-contact-btn{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(147,51,234,.8));border:1px solid rgba(59,130,246,.4);border-radius:8px;color:hsla(0,0%,100%,.95);padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;min-width:80px;text-align:center;pointer-events:auto}.pc-contact-btn:hover{background:linear-gradient(135deg,#3b82f6,#9333ea);border-color:rgba(59,130,246,.6);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.pc-shine{position:absolute;inset:0;z-index:3}.pc-glare,.pc-shine{opacity:0;transition:opacity .6s ease;background:linear-gradient(135deg,hsla(0,0%,100%,.01),hsla(0,0%,100%,.02) 50%,hsla(0,0%,100%,.01))}.pc-glare{transform:translateZ(1.1px);overflow:hidden;z-index:4}.pc-card.active .pc-glare,.pc-card.active .pc-shine,.pc-card:hover .pc-glare,.pc-card:hover .pc-shine{opacity:1}@media (max-width:768px){.pc-card{height:480px;width:360px;grid-template-rows:auto 1fr auto;gap:12px;padding:20px}.pc-header-info{padding-bottom:12px}.pc-name{font-size:1.2em;margin-bottom:6px}.pc-title{font-size:11px}.pc-user-info{padding:10px 14px;gap:10px;min-height:60px;margin-top:12px}.pc-expertise-tag{font-size:7px;padding:2px 5px}.pc-contact-btn{padding:8px 14px;font-size:10px;min-width:75px}}@media (max-width:480px){.pc-card{height:450px;width:340px;grid-template-rows:auto 1fr auto;gap:10px;padding:18px}.pc-header-info{padding-bottom:10px}.pc-name{font-size:1.1em;margin-bottom:5px}.pc-title{font-size:10px}.pc-user-info{padding:8px 12px;gap:8px;min-height:55px;margin-top:10px}.pc-expertise-tag{font-size:7px;padding:1px 4px}.pc-contact-btn{padding:7px 12px;font-size:9px;min-width:70px}}@media (max-width:320px){.pc-card{height:420px;width:320px;padding:16px}.pc-header-info{padding-bottom:8px}.pc-name{font-size:1em;margin-bottom:4px}.pc-title{font-size:9px}.pc-user-info{padding:6px 10px;gap:6px;min-height:50px;margin-top:8px}.pc-expertise-tag{font-size:6px;padding:1px 3px}.pc-contact-btn{padding:6px 10px;font-size:8px;min-width:65px;border-radius:6px}}