#profile-card-root{display:grid;justify-items:center;width:100%;margin:0 auto 2rem;perspective:1000px}.personal-profile-card{--pointer-x: 50%;--pointer-y: 50%;--tilt-x: 0deg;--tilt-y: 0deg;position:relative;width:min(340px,100%);padding:9px;overflow:hidden;border:1px solid oklch(1 0 0 / .2);border-radius:1.6rem;background:linear-gradient(135deg,#ffffff8c,#ffffff0a 42%,oklch(.68 .2 var(--hue) / .5)),#17131f;box-shadow:0 24px 70px oklch(.12 .04 var(--hue) / .45),0 0 34px var(--soft);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s ease;will-change:transform}.personal-profile-card.is-active{box-shadow:0 32px 80px oklch(.12 .04 var(--hue) / .55),0 0 44px var(--soft)}.personal-profile-card__portrait{position:relative;aspect-ratio:.78;overflow:hidden;border-radius:1.15rem;background:linear-gradient(145deg,var(--primary),#17131f 70%);transform:translateZ(1px)}.personal-profile-card__portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.personal-profile-card__portrait:after{position:absolute;top:20%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 10%,rgb(12 8 20 / .82));content:""}.personal-profile-card__shine{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),rgb(255 255 255 / .48),transparent 38%),linear-gradient(125deg,transparent 30%,rgb(210 160 255 / .18) 48%,transparent 65%);mix-blend-mode:screen;opacity:.55;pointer-events:none;transition:opacity .2s ease}.personal-profile-card.is-active .personal-profile-card__shine{opacity:.95}.personal-profile-card__identity{position:absolute;z-index:2;right:1.25rem;bottom:1.5rem;left:1.25rem;color:#fff;text-shadow:0 2px 18px rgb(0 0 0 / .45);transform:translateZ(24px)}.personal-profile-card__eyebrow{color:#ffffffc7;font-size:.68rem;font-weight:700;letter-spacing:.16em}.personal-profile-card__identity h2{margin:.35rem 0 0;font-size:1.8rem;line-height:1.15}.personal-profile-card__identity p{margin-top:.5rem;color:#fffc;font-size:.9rem}.personal-profile-card__footer{display:flex;align-items:center;gap:.75rem;padding:.85rem .5rem .35rem;color:#fff}.personal-profile-card__avatar{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / .55);border-radius:50%;background:linear-gradient(145deg,var(--primary),var(--accent));font-weight:700}.personal-profile-card__footer strong,.personal-profile-card__footer small{display:block}.personal-profile-card__footer strong{font-size:.78rem}.personal-profile-card__footer small{margin-top:.15rem;color:#ffffffb3;font-size:.7rem}.personal-profile-card__mark{width:1.2rem;height:1.2rem;margin-left:auto;fill:var(--accent)}@media(prefers-reduced-motion:reduce){.personal-profile-card,.personal-profile-card__shine{transition:none}}
