:root{--card-border-radius:1.5rem}.pc-card-wrapper{width:340px;height:480px;position:relative;color:#fff}.pc-card{background-color:hsl(220 40% 10%/.6);border-radius:var(--card-border-radius);position:relative;z-index:1;box-shadow:0 15px 35px -10px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:flex-end}.pc-card,.pc-image-container{overflow:hidden;width:100%;height:100%}.pc-image-container{position:absolute;top:0;left:0;border-radius:var(--card-border-radius)}.pc-avatar{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .4s ease-out}.pc-card:hover .pc-avatar{transform:scale(1.1)}.pc-details{position:relative;z-index:2;text-align:center;padding:1.5rem;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent)}.pc-details h3{font-size:1.75rem;font-weight:700;margin:0;font-family:Space Grotesk,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.5)}.pc-social-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.pc-social-links a{color:#fff;transition:color .3s ease,transform .3s ease}.pc-social-links a:hover{color:hsl(var(--accent));transform:scale(1.1)}.pc-details p{font-size:1rem;color:#ddd;margin-top:.25rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}.gooey-button{position:relative;overflow:hidden;transform:translateZ(0)}.particle{--time:0.7s;position:absolute;top:50%;left:50%;opacity:0;animation:particle var(--time) ease-out forwards;pointer-events:none}.point{display:block;width:10px;height:10px;border-radius:50%;background-color:var(--color);opacity:1}@keyframes particle{0%{transform:translate(-50%,-50%) translate(var(--start-x),var(--start-y)) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--end-x),var(--end-y)) scale(0);opacity:0}}