:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--card-hover-opacity:0.35;--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}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;background-image:var(--behind-gradient);border-radius:inherit;filter:contrast(1.4) saturate(1.6) blur(34px) opacity(.9);transform:scale(.9) translateZ(.1px);transition:filter .4s ease,transform .4s ease;pointer-events:none}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:var(--card-hover-opacity)}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:contrast(1.2) saturate(1.4) blur(36px) opacity(1);transform:scale(.95) translateZ(.1px)}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:normal,normal,normal,normal;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),rgba(255,255,255,calc(var(--card-opacity) * .25)) 2%,rgba(255,255,255,calc(var(--card-opacity) * .15)) 8%,rgba(255,255,255,calc(var(--card-opacity) * .08)) 40%,rgba(255,255,255,0) 100%),radial-gradient(35% 52% at 55% 20%,rgba(0,255,170,.15) 0,rgba(7,58,255,0) 100%),radial-gradient(100% 100% at 50% 50%,rgba(0,193,255,.12) 1%,rgba(7,58,255,0) 76%),linear-gradient(145deg,#0b0b10 0,#12121c 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:var(--inner-gradient);background-color:rgba(0,0,0,.9)}.pc-shine{mask-image:var(--icon);mask-mode:luminance;mask-repeat:no-repeat;mask-size:150%;mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));filter:brightness(.55) contrast(1.2) saturate(.4) opacity(.35);background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.12) 12%,rgba(0,0,0,0) 120%)}.pc-card.active .pc-shine,.pc-card:hover .pc-shine{filter:brightness(.7) contrast(1.35) saturate(.5) opacity(.45)}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(180,190,255,.18) 10%,rgba(40,60,120,.06) 90%);mix-blend-mode:screen;filter:brightness(.9) contrast(1.1)}.pc-avatar-content{overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translateX(-50%) scale(1);bottom:2px;opacity:calc(1.3 - var(--pointer-from-center));z-index:1}.pc-avatar-content:before{content:"";inset:0;z-index:0;mask:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 90%,rgba(0,0,0,1));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(255,255,255,.08);border:1px solid rgba(255,255,255,.12);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(255,255,255,.12);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;flex-direction:column;gap:6px}.pc-name{font-size:14px;font-weight:500;color:rgba(255,255,255,.92);line-height:1}.pc-status{font-size:13px;color:rgba(255,255,255,.7);line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700;color:rgba(255,255,255,.95);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.2);cursor:pointer;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease;pointer-events:auto}.pc-contact-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.35);box-shadow:0 6px 18px rgba(99,102,241,.28),inset 0 1px 0 rgba(255,255,255,.25)}.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:normal}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{margin:0;font-weight:700;font-size:min(5svh,3em);background-image:linear-gradient(180deg,#fff,#8ea0ff)}.pc-details h3,.pc-details p{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.pc-details p{position:relative;top:-10px;margin:0 auto;font-weight:600;white-space:nowrap;font-size:16px;background-image:linear-gradient(180deg,#dbe3ff,#7c8bff)}@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{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:32px;height:32px}.pc-name{font-size:13px}.pc-status{font-size:11px}.pc-contact-btn{padding:6px 12px;font-size:12px}}@media (max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.6em}.pc-details p{font-size:12px;top:-6px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:14px}.pc-mini-avatar{width:26px;height:26px}}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none;background:#000000}.liquid-ether-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(6,182,212,.05) 0,transparent 60%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.05) 0,transparent 60%);pointer-events:none;z-index:1}.liquid-ether-container canvas{position:relative;z-index:2;mix-blend-mode:screen}.liquid-ether-blue-theme{--primary-blue:#06b6d4;--secondary-blue:#3b82f6;--accent-cyan:#22d3ee;--deep-blue:#1e40af}.card-swap-container{position:relative;perspective:1000px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,12,.85);color:#fff;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 12px 40px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.06);backdrop-filter:blur(8px) saturate(120%);padding:24px 28px}.card h3{font-size:20px;line-height:1.2;font-weight:700;margin:0 0 8px}.card p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.85);margin:0}.card iframe{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.card--accent-1{background:radial-gradient(120% 140% at 100% 0,rgba(139,92,246,.22) 0,rgba(139,92,246,.06) 45%,transparent 70%),rgba(10,10,12,.85)}.card--accent-2{background:radial-gradient(120% 140% at 0 0,rgba(236,72,153,.22) 0,rgba(236,72,153,.06) 45%,transparent 70%),rgba(10,10,12,.85)}.card--accent-3{background:radial-gradient(120% 140% at 100% 100%,rgba(59,130,246,.22) 0,rgba(59,130,246,.06) 45%,transparent 70%),rgba(10,10,12,.85)}@media (max-width:1024px){.card{padding:20px 24px}.card h3{font-size:18px}.card p{font-size:14px}}@media (max-width:768px){.card{padding:18px 20px}.card h3{font-size:16px}.card p{font-size:13px}}.hero-cards{position:relative;display:flex;align-items:center;justify-content:center;padding:2rem 0}@media (max-width:1024px){.hero-cards{min-height:420px}}@media (max-width:768px){.hero-cards{min-height:320px}}