: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;--card-radius:30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none;max-width:320px;margin:0 auto}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;background:inherit;background-position:inherit;border-radius:inherit;transition:all .5s ease;filter:contrast(2) saturate(2) blur(36px);transform:scale(.8) translateZ(.1px);background-size:100% 100%;background-image:var(--behind-gradient)}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:contrast(1) saturate(2) blur(40px) opacity(1);transform:scale(.9) translateZ(.1px)}.pc-card{height:450px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:rgba(0,0,0,.8) calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(189,84%,70%,var(--card-opacity)) 4%,hsla(189,84%,60%,calc(var(--card-opacity) * .75)) 10%,hsla(195,100%,80%,calc(var(--card-opacity) * .5)) 50%,rgba(77,77,77,0) 100%),radial-gradient(35% 52% at 55% 20%,var(--neon-cyan) 0,#1e1b4b00 100%),conic-gradient(from 124deg at 50% 50%,var(--neon-cyan) 0,#0f172a 40%,#0891b2 60%,var(--neon-cyan) 100%);overflow:hidden}.pc-card.active,.pc-card:hover{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{inset:1px;position:absolute;background-image:linear-gradient(145deg,rgba(15,23,42,.95),rgba(30,27,75,.8));background-color:rgba(15,23,42,.9);transform:translateZ(.01px)}.pc-shine{mask-image:var(--icon);mask-mode:luminance;mask-repeat:repeat;mask-size:150%;mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .6s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 18s linear infinite;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:50%;background-image:repeating-linear-gradient(0deg,#b3ecff calc(var(--space) * 1),#8ae5f5 calc(var(--space) * 2),#99e6ff calc(var(--space) * 3),#72dff3 calc(var(--space) * 4),#b3ecff calc(var(--space) * 5)),repeating-linear-gradient(var(--angle),#0f172a 0,#bdd4db 3.8%,#94c8d1 4.5%,#bdd4db 5.2%,#0f172a 10%,#0f172a 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(0,0,0,.1) 12%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:after,.pc-shine:before{content:"";background-position:50%;background-size:cover;grid-area:1/1;opacity:0}.pc-card.active .pc-shine,.pc-card:hover .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation:none}.pc-card.active .pc-shine:after,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card:hover .pc-shine:before{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,#f0fbff,#a1eaf7,#ccf2ff,#72dff3),radial-gradient(circle at var(--pointer-x) var(--pointer-y),#43d5ef 0,rgba(51,128,153,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),50%,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),50%;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(240,251,255,.8) 12%,rgba(34,206,236,.7) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translateX(-50%) scale(1);bottom:2px;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content:before{content:"";inset:0;z-index:1;mask:linear-gradient(180deg,transparent 0,transparent 60%,#000 90%,#000);pointer-events:none}.pc-avatar-content:before,.pc-user-info{position:absolute;backdrop-filter:blur(30px)}.pc-user-info{bottom:20px;left:20px;right:20px;z-index:2;justify-content:space-between;background:rgba(15,23,42,.3);border:1px solid rgba(207,250,254,.2);border-radius:15px;padding:12px 14px;pointer-events:auto}.pc-user-details,.pc-user-info{display:flex;align-items:center}.pc-user-details{gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(207,250,254,.2);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px;min-width:0}.pc-handle{font-weight:500;color:#f0f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.pc-handle,.pc-status{font-size:14px;line-height:1}.pc-status{color:#cffafe}.pc-contact-btn{border:1px solid rgba(207,250,254,.2);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#f0f9ff;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);background:transparent}.pc-contact-btn:hover{border-color:#22d3ee;transform:translateY(-1px);transition:all .2s ease}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px)!important;z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-size:min(5svh,2.5em);margin:0;background-image:linear-gradient(180deg,#f0f9ff,#cffafe)}.pc-details h3,.pc-details p{font-weight:600;background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(180deg,#f0f9ff,#22d3ee)}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,50%}to{background-position:0 var(--background-y),90% 90%,50%}}@media (max-width:768px){.pc-card{height:400px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:40px;height:40px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:12px}.pc-contact-btn{padding:6px 12px;font-size:12px}}@media (max-width:480px){.pc-card{height:350px}.pc-card-wrapper{max-width:250px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,1.8em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:12px}.pc-mini-avatar{width:32px;height:32px}.pc-user-details{gap:8px}.pc-handle{font-size:11px}.pc-status{font-size:10px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:8px}}.logoloop{position:relative;--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#1a1a2e}}.logoloop__track{display:flex;width:max-content;will-change:transform;user-select:none}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center;list-style:none;padding:0;margin:0}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover .logoloop__node,.logoloop--scale-hover .logoloop__item:hover img{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:after,.logoloop--fade:before{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:2}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,transparent 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,transparent 100%)}.logoloop--vertical.logoloop--fade:after,.logoloop--vertical.logoloop--fade:before{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,transparent 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,transparent 100%)}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}