: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;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-glow-color:#c4a747ab;--behind-glow-size:50%;--inner-gradient:none;--card-radius:30px}.pc-card-wrapper{perspective:500px;touch-action:none;width:min(100%,360px);position:relative;transform:translateZ(.1px)}.pc-behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(50px)saturate(1.1);opacity:0;transition:opacity .2s;position:absolute;inset:-10%}.pc-card-wrapper:hover{--card-opacity:1}.pc-card-wrapper:has(.pc-card-shell.active){--card-opacity:1}.pc-card-wrapper:hover .pc-behind{opacity:.8}.pc-card-wrapper:has(.pc-card-shell.active) .pc-behind{opacity:.8}.pc-card-shell{z-index:1;position:relative}.pc-card{aspect-ratio:.718;isolation:isolate;border-radius:var(--card-radius);width:100%;height:80svh;max-height:540px;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;backface-visibility:hidden;will-change:transform;background:#000000e6;border:1px solid #e6e0c43d;transition:transform 1s,box-shadow .2s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.pc-card-shell.active .pc-card,.pc-card:hover{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));box-shadow:#000000d9 calc((var(--pointer-from-left) * 18px) - 9px) calc((var(--pointer-from-top) * 28px) - 14px) 30px -5px;transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.pc-inside{border-radius:var(--card-radius);background-image:var(--inner-gradient);background-color:#000000e6;position:absolute;inset:0;overflow:hidden}.pc-glare{border-radius:var(--card-radius);pointer-events:none;z-index:4;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffff38, transparent 42%);mix-blend-mode:overlay;filter:none;opacity:0;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.pc-card-shell.active .pc-glare,.pc-card:hover .pc-glare{opacity:1}.pc-content{z-index:5;border-radius:var(--card-radius);text-align:center;pointer-events:none;grid-area:1/-1;max-height:100%;display:grid;position:relative;overflow:hidden}.pc-details-content{z-index:10;pointer-events:none}.pc-avatar-content{z-index:2;mix-blend-mode:normal;opacity:1;visibility:visible;display:block;position:absolute;inset:0;overflow:visible;transform:translateZ(2px)}.pc-avatar-content .avatar{z-index:1;visibility:visible;opacity:1;object-fit:cover;object-position:center;border-radius:var(--card-radius);width:100%;height:100%;transform:translateX(calc((var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));filter:none;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out;display:block;position:absolute;inset:0}.pc-user-info{z-index:2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.pc-user-details,.pc-user-text{display:flex}.pc-user-details{align-items:center;gap:12px;min-width:0}.pc-user-text{flex-direction:column;align-items:flex-start;gap:6px}.pc-mini-avatar{border:1px solid #ffffff26;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-handle,.pc-status{color:#ffffffe6;white-space:nowrap;font-size:14px;line-height:1}.pc-status{color:#d4c37c;font-size:12px}.pc-contact-btn{color:#1a1a1a;cursor:pointer;pointer-events:auto;background:#c4a747;border:1px solid #ffffff38;border-radius:8px;flex-shrink:0;padding:10px 12px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.pc-contact-btn:hover{background:#e6d5a1;transform:translateY(-1px);color:#1a1a1a!important}.pc-details{z-index:6;width:100%;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px), calc(var(--pointer-from-top) * -6px + 3px), .1px);position:absolute;top:3em}.hero-profile-card{top:-3rem}.pc-details h3{z-index:7;text-shadow:0 2px 18px #000000a6;margin:0;font-family:Georgia,serif;font-size:min(5svh,3em);font-weight:600;line-height:1;position:relative;color:#fff!important}.pc-details p{white-space:pre-line;text-align:center;z-index:7;text-shadow:0 2px 12px #000000b3;width:100%;margin:8px auto 0;font-size:16px;font-weight:600;position:relative;top:-2px;color:#d4c37c!important}@media (max-width:768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-user-info{padding:10px 12px;bottom:15px;left:15px;right:15px}.pc-mini-avatar{width:28px;height:28px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@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}.pc-user-info{padding:8px 10px;bottom:12px;left:12px;right:12px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:50px;padding:5px 10px;font-size:10px}}