.profile-card{position:relative;padding:2.5rem;background:rgba(30,41,59,.8);backdrop-filter:blur(10px);border-radius:1.5rem;overflow:hidden;transition:transform 0.3s ease}.profile-card:hover{transform:translateY(-5px)}.card-content{position:relative;z-index:2}.avatar-wrapper{position:relative;width:120px;height:120px;margin:0 auto 2rem}.avatar{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden}.avatar-inner{position:absolute;inset:0;background:linear-gradient(45deg,#60a5fa,#a78bfa);opacity:.8}.avatar-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,#60a5fa,#a78bfa);border-radius:50%;opacity:0;filter:blur(15px);transition:opacity 0.3s ease}.avatar:hover .avatar-glow{opacity:.5}.avatar-border{position:absolute;inset:0;border:3px solid transparent;border-radius:50%;background:linear-gradient(45deg,#60a5fa,#a78bfa) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.profile-info{text-align:center}.name{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title{color:#94a3b8;font-size:1rem;margin-bottom:2rem}.stats{display:flex;justify-content:space-around;margin-bottom:2rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat{display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:1.2rem;font-weight:700;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.9rem;color:#94a3b8}.bio{color:#94a3b8;line-height:1.6;margin-bottom:2rem;padding:0 1rem}.skills{display:flex;gap:.8rem;justify-content:center;margin-bottom:2rem}.skill{padding:.5rem 1rem;background:rgba(255,255,255,.05);border-radius:2rem;font-size:.9rem;color:#94a3b8;border:1px solid rgba(255,255,255,.1);transition:all 0.3s ease}.skill:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}.actions{display:flex;gap:1rem}.action-btn{flex:1;position:relative;padding:.8rem;border:none;border-radius:.8rem;font-size:1rem;cursor:pointer;overflow:hidden;transition:all 0.3s ease}.action-btn span{position:relative;z-index:1}.btn-effect{position:absolute;inset:0;transition:opacity 0.3s ease}.primary{background:linear-gradient(45deg,#60a5fa20,#a78bfa20);color:#fff;border:1px solid rgba(255,255,255,.1)}.primary .btn-effect{background:linear-gradient(45deg,#60a5fa,#a78bfa);opacity:0}.primary:hover .btn-effect{opacity:.2}.secondary{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.secondary .btn-effect{background:rgba(255,255,255,.1);opacity:0}.secondary:hover .btn-effect{opacity:1}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 8s infinite}@keyframes shine{to{left:200%}}.card-border{position:absolute;inset:0;border:2px solid transparent;border-radius:1.5rem;background:linear-gradient(45deg,#60a5fa,#a78bfa) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity 0.3s ease}.profile-card:hover .card-border{opacity:1}.card-glow{position:absolute;inset:0;background:linear-gradient(45deg,#60a5fa,#a78bfa);border-radius:1.5rem;opacity:0;filter:blur(20px);transition:opacity 0.3s ease}.profile-card:hover .card-glow{opacity:.05}@media (max-width:480px){.container{padding:1rem}.profile-card{padding:1.5rem}.avatar-wrapper{width:100px;height:100px}.name{font-size:1.5rem}.skills{flex-wrap:wrap}}