.profile-card-wrap{perspective:1000px;--pointer-x: 50%;--pointer-y: 50%;--rotateX: 0deg;--rotateY: 0deg;--card-opacity: .6;--inner-gradient: linear-gradient(145deg, rgba(20, 20, 40, .8) 0%, rgba(40, 20, 60, .6) 100%);--behind-gradient: radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y), hsla(266, 100%, 60%, var(--card-opacity)) 4%, hsla(266, 50%, 50%, calc(var(--card-opacity)*.75)) 10%, hsla(266, 25%, 40%, calc(var(--card-opacity)*.5)) 50%, hsla(266, 0%, 30%, 0) 100%), radial-gradient(35% 52% at 55% 20%, rgba(0, 100, 150, .3) 0%, rgba(0, 50, 100, .1) 100%), radial-gradient(100% 100% at 50% 50%, rgba(0, 100, 200, .2) 1%, rgba(0, 50, 150, .1) 76%), conic-gradient(from 124deg at 50% 50%, rgba(150, 50, 200, .4) 0%, rgba(0, 100, 200, .3) 40%, rgba(0, 100, 200, .3) 60%, rgba(150, 50, 200, .4) 100%)}.profile-card{position:relative;width:450px;height:580px;border-radius:16px;background-image:var(--behind-gradient);transform:translateZ(.1px) rotateX(var(--rotateX)) rotateY(var(--rotateY));transition:transform .6s ease;overflow:hidden}.profile-card-avatar{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;object-fit:cover;border-radius:16px;z-index:1}.profile-card-name{position:absolute;top:20px;left:50%;transform:translate(-50%);margin:0;font-size:2.5rem;color:#fff;text-align:center;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.8);font-weight:700;white-space:nowrap}.profile-card-title{position:absolute;bottom:80px;left:50%;transform:translate(-50%);margin:0;font-size:1.4rem;color:#fff;text-align:center;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.8);font-weight:600}.profile-card-info{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:var(--inner-gradient);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:3}.profile-card-avatar-mini{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #ffffff88}.profile-card-handle{font-weight:600;color:#fff}.profile-card-status{font-size:.85rem;color:#98eabf}.profile-card-contact-btn{background:transparent;border:1px solid #ffffffaa;color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;cursor:pointer}.profile-card-contact-btn:hover{background:#fff3}