.profile-header-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:3rem;display:flex;align-items:center;gap:2.5rem;box-shadow:0 20px 60px #667eea4d;color:#fff;position:relative;overflow:hidden;flex-wrap:wrap}.profile-header-card:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 6s ease-in-out infinite}.profile-header-card:after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-20px) scale(1.05)}}.profile-avatar-large{flex:0 0 160px;width:160px;height:160px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px #0003,inset 0 -2px 10px #0000000d;position:relative;z-index:1;border:6px solid rgba(255,255,255,.3)}.profile-avatar-large svg{width:85px;height:85px;color:#667eea;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.profile-header-info{flex:1;min-width:0;z-index:1}.profile-name{margin:0 0 .75rem;font-size:2.25rem;font-weight:800;line-height:1.1;font-family:var(--font-family-headings);text-shadow:0 2px 10px rgba(0,0,0,.1);letter-spacing:-.5px}.profile-email{margin:0 0 1.25rem;font-size:1.125rem;opacity:.95;font-weight:500;display:flex;align-items:center;gap:.5rem}.profile-badges{display:flex;gap:.75rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;border-radius:12px;font-size:.875rem;font-weight:700;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.badge-success{background:#ffffff40;color:#fff;border:2px solid rgba(255,255,255,.3)}.profile-actions{display:flex;flex-direction:column;gap:1rem;z-index:1}.profile-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.detail-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #0000000f;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.detail-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.detail-card.clickable{cursor:pointer}.detail-card.clickable:hover{transform:translateY(-4px);box-shadow:0 12px 35px #667eea33;border-color:#667eea}.detail-card.clickable:hover:before{transform:scaleX(1)}.detail-icon{flex:0 0 64px;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #667eea4d;position:relative}.detail-icon:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(8px)}.detail-card:hover .detail-icon:before{opacity:.6}.detail-content{flex:1;min-width:0}.detail-label{font-size:.8125rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.75px;margin-bottom:.5rem}.detail-value{font-size:1.0625rem;color:#1f2937;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-arrow{flex:0 0 auto;color:#9ca3af;opacity:.6;transition:all .3s ease}.detail-card.clickable:hover .detail-arrow{color:#667eea;opacity:1;transform:translate(4px)}.detail-card.clickable:hover .detail-arrow{opacity:1;transform:translate(4px);color:var(--primary)}@media(max-width:768px){.profile-header-card{flex-direction:column;text-align:center;padding:2rem 1.5rem}.profile-avatar-large{flex:0 0 120px;width:120px;height:120px}.profile-avatar-large svg{width:64px;height:64px}.profile-name{font-size:1.625rem}.profile-email{font-size:.9375rem}.profile-actions{width:100%}.profile-actions .btn{width:100%;justify-content:center}.profile-details-grid{grid-template-columns:1fr}}