:root{--glow-sens:30;--dark:hsl(220,18%,12%);--blend:soft-light;--glow-blend:plus-lighter;--glow-color:40deg 80% 80%;--glow-boost:0%;--h:220;--fg:white;--background-x:50%;--background-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5}.card{--pc-accent-h:calc(160 + var(--accent-hue-shift));--pc-accent-2h:calc(215 + var(--accent-hue-shift));--pads:40px;--color-sens:calc(var(--glow-sens) + 20);--pointer-°:45deg;--pointer-d:0;--pointer-x:50%;--pointer-y:50%;--glare-o:0;position:relative;width:clamp(280px,calc(100svw - calc(var(--pads) * 2)),450px);max-width:100%;aspect-ratio:3/4;max-height:600px;border-radius:1.768em;isolation:isolate;display:grid;transform-style:preserve-3d;opacity:0;border:1px solid rgb(255 255 255/15%);background:rgba(0,0,0,.25);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background-repeat:no-repeat;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.1);overflow:visible;perspective:1000px;touch-action:pan-y}.depth-layers{z-index:0;pointer-events:none;transform-style:preserve-3d}.depth-layer,.depth-layers{position:absolute;inset:0;border-radius:inherit}.depth-layer{opacity:.15}.depth-1{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(var(--pc-accent-h) 80% 55%/.3) 0,transparent 50%);transform:translateZ(-10px) translateX(calc((var(--pointer-x) - 50%) * .02)) translateY(calc((var(--pointer-y) - 50%) * .02))}.depth-2{background:radial-gradient(circle at calc(100% - var(--pointer-x)) calc(100% - var(--pointer-y)),hsl(var(--pc-accent-2h) 90% 62%/.2) 0,transparent 50%);transform:translateZ(-20px) translateX(calc((50% - var(--pointer-x)) * .03)) translateY(calc((50% - var(--pointer-y)) * .03))}.floating-particles{position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,hsl(var(--pc-accent-h) 84% 60%/.6) 0,transparent 70%);border-radius:50%;left:var(--x);top:var(--y);animation:float var(--duration) ease-in-out infinite;animation-delay:var(--delay);filter:blur(.5px)}.card:not(.active) .particle{animation-play-state:paused}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(20px,-30px) scale(1.2);opacity:.6}50%{transform:translate(-15px,-50px) scale(.8);opacity:.4}75%{transform:translate(-25px,-20px) scale(1.1);opacity:.5}}@media (pointer:coarse){.card .dynamic-light{opacity:.42}.card .glass-refraction{opacity:.22}}.dynamic-light{position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;background:radial-gradient(circle 200px at var(--pointer-x) var(--pointer-y),hsl(var(--pc-accent-h) 84% 55%/.15) 0,hsl(var(--pc-accent-2h) 90% 62%/.1) 30%,transparent 60%);opacity:0;transition:opacity .3s ease;mix-blend-mode:screen}.card:hover .dynamic-light{opacity:1}.glass-refraction{position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;background:radial-gradient(ellipse 300px 200px at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.1) 0,transparent 50%);opacity:0;transition:opacity .3s ease;backdrop-filter:blur(1px);mix-blend-mode:overlay}.card:hover .glass-refraction{opacity:.6}.card-glare{inset:0;border-radius:inherit;z-index:3;transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.32) 10%,rgba(255,255,255,.14) 28%,rgba(255,255,255,.05) 50%,transparent 82%);mix-blend-mode:overlay;opacity:var(--glare-o)}.card-glare,.pc-ripple{position:absolute;pointer-events:none}.pc-ripple{z-index:4;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,hsl(var(--pc-accent-h,160) 84% 62%/.5) 0,hsl(var(--pc-accent-h,160) 84% 55%/.22) 45%,transparent 72%);translate:-50% -50%;animation:pc-ripple-out .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes pc-ripple-out{0%{opacity:.9;scale:.35}to{opacity:0;scale:12}}.card:after,.card:before,.card>.glow{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.card:not(.animating):after,.card:not(.animating):before,.card:not(.animating)>.glow{transition:opacity .75s ease-in-out}.card:before{background:radial-gradient(at 80% 55%,hsla(268,100%,76%,1) 0,transparent 50%) border-box,radial-gradient(at 69% 34%,hsla(349,100%,74%,1) 0,transparent 50%) border-box,radial-gradient(at 8% 6%,hsla(136,100%,78%,1) 0,transparent 50%) border-box,radial-gradient(at 41% 38%,hsla(192,100%,64%,1) 0,transparent 50%) border-box,radial-gradient(at 86% 85%,hsla(186,100%,74%,1) 0,transparent 50%) border-box,radial-gradient(at 82% 18%,hsla(52,100%,65%,1) 0,transparent 50%) border-box,radial-gradient(at 51% 4%,hsla(12,100%,72%,1) 0,transparent 50%) border-box,linear-gradient(#c299ff 0 100%) border-box;mask-image:conic-gradient(from var(--pointer-°) at center,black 25%,transparent 40%,transparent 60%,black 75%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:border-box,padding-box,border-box;mask-composite:intersect,exclude,add;box-shadow:calc((var(--pointer-x) - 50%) * .1px) calc((var(--pointer-y) - 50%) * .15px) 30px hsl(var(--pc-accent-h) 80% 55%/.2),calc((50% - var(--pointer-x)) * .1px) calc((50% - var(--pointer-y)) * .15px) 30px hsl(var(--pc-accent-2h) 90% 62%/.15)}.card:after,.card:before{border:1px solid transparent;opacity:calc((var(--pointer-d) - var(--color-sens)) / (100 - var(--color-sens)))}.card:after{background:radial-gradient(at 80% 55%,hsla(268,100%,76%,1) 0,transparent 50%) padding-box,radial-gradient(at 69% 34%,hsla(349,100%,74%,1) 0,transparent 50%) padding-box,radial-gradient(at 8% 6%,hsla(136,100%,78%,1) 0,transparent 50%) padding-box,radial-gradient(at 41% 38%,hsla(192,100%,64%,1) 0,transparent 50%) padding-box,radial-gradient(at 86% 85%,hsla(186,100%,74%,1) 0,transparent 50%) padding-box,radial-gradient(at 82% 18%,hsla(52,100%,65%,1) 0,transparent 50%) padding-box,radial-gradient(at 51% 4%,hsla(12,100%,72%,1) 0,transparent 50%) padding-box,linear-gradient(#c299ff 0 100%) padding-box;mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--pointer-°) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-composite:subtract,add,add,add,add,add;mix-blend-mode:var(--blend)}.card>.glow{--outset:var(--pads);inset:calc(var(--outset) * -1);pointer-events:none;z-index:1;mask-image:conic-gradient(from var(--pointer-°) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--pointer-d) - var(--glow-sens)) / (100 - var(--glow-sens)));mix-blend-mode:var(--glow-blend)}.card>.glow:before{content:"";position:absolute;inset:var(--outset);border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--glow-color)/100%),inset 0 0 1px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 60%)),inset 0 0 3px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 50%)),inset 0 0 6px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 40%)),inset 0 0 15px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 30%)),inset 0 0 25px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 20%)),inset 0 0 50px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 10%)),0 0 1px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 60%)),0 0 3px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 50%)),0 0 6px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 40%)),0 0 15px 0 hsl(var(--glow-color)/calc(var(--glow-boost) + 30%)),0 0 25px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 20%)),0 0 50px 2px hsl(var(--glow-color)/calc(var(--glow-boost) + 10%))}.inner{position:relative;height:100%;display:grid;grid-template-rows:1fr auto}.avatar-content,.inner{overflow:hidden;z-index:1}.avatar-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;mix-blend-mode:screen}.avatar-content .avatar{width:92%;max-width:92%;position:absolute;left:50%;transform:translateX(-50%) scale(1);bottom:60px;opacity:.9;object-fit:cover;translate:calc((var(--pointer-from-left, .5) - .5) * 16px) calc((var(--pointer-from-top, .5) - .5) * 10px);mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 70%,transparent 100%),linear-gradient(180deg,black 0,black 75%,transparent);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 70%,transparent 100%),linear-gradient(180deg,black 0,black 75%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.card.home-avatar-fit .avatar-content .avatar{width:74%;max-width:74%;bottom:122px}.card.home-avatar-fit .details{top:1.5em}.avatar-content:before{content:"";inset:0;z-index:1;backdrop-filter:blur(30px);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))}.avatar-content:before,.details{position:absolute;pointer-events:none}.details{top:2.5em;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:5;mix-blend-mode:luminosity;translate:calc((var(--pointer-from-left, .5) - .5) * -10px) calc((var(--pointer-from-top, .5) - .5) * -6px)}.details h2{margin:0;font-size:min(4.5svh,2.5em);background-image:linear-gradient(to bottom,#fff 15%,hsl(calc(160 + var(--accent-hue-shift)) 84% 39%));filter:drop-shadow(0 0 12px hsl(calc(160 + var(--accent-hue-shift)) 84% 39%/.25))}.details h2,.details p{font-weight:600;background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.details p{position:relative;top:-10px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,hsl(calc(158 + var(--accent-hue-shift)) 64% 52%))}.user-info{position:absolute;bottom:24px;left:12px;right:12px;z-index:2;justify-content:space-between;background:rgba(255,255,255,.1);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:14px 18px;pointer-events:auto}.user-details,.user-info{display:flex;align-items:center}.user-details{gap:12px;padding-right:12px;position:relative}.user-details:after{content:"";position:absolute;right:0;top:18%;bottom:18%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14) 30%,rgba(255,255,255,.14) 70%,transparent);pointer-events:none}.mini-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.mini-avatar span{width:85%;height:85%;display:block;transition:transform .35s ease,filter .35s ease}.card:hover .mini-avatar span{transform:scale(1.08) rotate(-4deg);filter:drop-shadow(0 0 8px hsl(var(--pc-accent-h,160) 84% 55%/.7))}.user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.handle{font-family:Fira Code,JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:14px;font-weight:500;color:rgba(255,255,255,.92);line-height:1;letter-spacing:.01em}.handle-at{color:hsl(calc(160 + var(--accent-hue-shift)) 84% 39%);margin-right:1px;text-shadow:0 0 8px hsl(calc(160 + var(--accent-hue-shift)) 84% 39%/.5)}.status{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:rgba(255,255,255,.72);line-height:1;letter-spacing:.015em}.status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:status-pulse 2s ease-out infinite;flex-shrink:0}@keyframes status-pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.6),0 0 6px rgba(16,185,129,.6)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0),0 0 10px rgba(16,185,129,.4)}to{box-shadow:0 0 0 0 rgba(16,185,129,0),0 0 6px rgba(16,185,129,.6)}}@media (prefers-reduced-motion:reduce){.particle,.pc-ripple,.status-dot{animation:none}.avatar-content .avatar,.details{translate:0 0}.card-glare,.depth-layer,.dynamic-light,.glass-refraction{opacity:0!important}}@media (max-width:768px){.card{width:clamp(260px,calc(100svw - 2rem),320px);max-height:420px}.details{top:2em}.details h2{font-size:min(3.5svh,2em)}.details p{font-size:13px;top:-8px}.user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.card.home-avatar-fit .avatar-content .avatar{bottom:82px}.mini-avatar{width:36px;height:36px}.user-details{gap:10px}.handle{font-size:13px}.status{font-size:12px}}@media (max-width:767.98px){.card{width:clamp(250px,calc(100svw - 3rem),300px);max-height:400px}.user-info .cta-contact--sm{padding:0;gap:0;width:2.5rem;height:2.5rem;min-height:0;min-width:0;flex-shrink:0;border-radius:.6rem}.user-info .cta-contact--sm .cta-contact__cursor,.user-info .cta-contact--sm .cta-contact__label{display:none}.user-info .cta-contact--sm .cta-contact__prompt{font-size:.95rem;opacity:1;transform:none}.user-details{min-width:0;flex:1 1 auto}.user-text{min-width:0}.user-text .status{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:480px){.card{width:clamp(240px,calc(100svw - 1.5rem),280px);max-height:380px}.details{top:1.5em}.details h2{font-size:min(3svh,1.8em)}.details p{font-size:12px;top:-8px}.user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:12px}.card.home-avatar-fit .avatar-content .avatar{bottom:70px}.mini-avatar{width:32px;height:32px}.user-details{gap:8px}.handle{font-size:12px}.status{font-size:11px}.user-info .cta-contact--sm{width:2.3rem;height:2.3rem}.user-info .cta-contact--sm .cta-contact__prompt{font-size:.88rem}}.text-rotate{display:flex;flex-wrap:wrap;white-space:pre-wrap;position:relative}.text-rotate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-rotate-word{display:inline-flex}.text-rotate-lines{display:flex;flex-direction:column;width:100%}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}.letter-glow-container{line-height:inherit;font-size:inherit;color:inherit;font-family:inherit;position:relative;word-break:keep-all;overflow-wrap:normal;hyphens:none;white-space:normal}.letter-glow-container:not(.is-visible){display:none!important}.letter-glow,.letter-glow-container.is-visible{display:inline}.letter-glow{opacity:0;white-space:normal}.letter-glow-container.is-visible .letter-glow{animation:letter-glow .7s ease both}.letter-space{display:inline;white-space:pre}.letter-word{white-space:nowrap;display:inline-block}@keyframes letter-glow{0%{opacity:0;text-shadow:0 0 1px rgba(255,255,255,.1)}66%{opacity:1;text-shadow:0 0 20px rgba(255,255,255,.9)}77%{opacity:1}to{opacity:.7;text-shadow:0 0 20px rgba(255,255,255,0)}}.dark .letter-glow-container.is-visible .letter-glow{animation:letter-glow-dark .7s ease both}@keyframes letter-glow-dark{0%{opacity:0;text-shadow:0 0 1px rgba(255,255,255,.1)}66%{opacity:1;text-shadow:0 0 20px rgba(255,255,255,.9)}77%{opacity:1}to{opacity:.7;text-shadow:0 0 20px rgba(255,255,255,0)}}:not(.dark) .letter-glow-container.is-visible .letter-glow{animation:letter-glow-light .7s ease both}@keyframes letter-glow-light{0%{opacity:0;text-shadow:0 0 1px rgba(0,0,0,.1)}66%{opacity:1;text-shadow:0 0 20px rgba(0,0,0,.3)}77%{opacity:1}to{opacity:.7;text-shadow:0 0 20px rgba(0,0,0,0)}}.logoloop{position:relative;--logoloop-gap:32px;--logoloop-logoHeight:28px}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}.logoloop__track{display:flex;width:max-content;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center}.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;color:hsl(263,31%,60%);transition:color .3s ease}.dark .logoloop__node{color:hsl(calc(140 + var(--accent-hue-shift)) 100% 35%)}.logoloop__node svg{color:inherit!important;fill:currentColor!important;transition:color .3s ease}.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;color:hsl(263,31%,60%)}.dark .logoloop__link{color:hsl(calc(140 + var(--accent-hue-shift)) 100% 35%)}.logoloop__link svg{color:inherit!important;fill:currentColor!important}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade{-webkit-mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent)}.logoloop--vertical.logoloop--fade{-webkit-mask-image:linear-gradient(180deg,transparent 0,black 8%,black 92%,transparent);mask-image:linear-gradient(180deg,transparent 0,black 8%,black 92%,transparent)}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}