.profile-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;margin-top:1rem;overflow:hidden}.profile-cover-container{background-color:var(--color-secondary);cursor:pointer;width:100%;height:200px;position:relative;overflow:hidden}.profile-cover-container .profile-cover{object-fit:cover;width:100%;height:100%}.profile-cover-container .profile-cover-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-cover-container .profile-cover-overlay span{color:#fff;text-transform:uppercase;border:2px solid #fff;border-radius:.375rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:600}.profile-cover-container .profile-cover-overlay:hover{opacity:1}.profile-cover-container .profile-cover-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-cover-container .profile-cover-placeholder span{color:var(--color-text);opacity:.6;font-size:1rem;font-weight:600}.profile-info-section{padding:0 1.5rem 1.5rem;position:relative}.profile-image-container{cursor:pointer;width:120px;height:120px;margin-top:-60px;margin-bottom:1rem;margin-left:.5rem;position:relative}.profile-image-container .profile-image-large{object-fit:cover;border:4px solid var(--color-background);border-radius:50%;width:120px;height:120px;box-shadow:0 2px 8px #0000001a}.profile-image-container .profile-image-placeholder-large{background-color:var(--color-secondary);width:120px;height:120px;color:var(--color-text);border:4px solid var(--color-background);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.profile-image-container .profile-image-overlay{opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-image-container .profile-image-overlay span{color:#fff;text-transform:uppercase;font-size:.75rem;font-weight:600}.profile-image-container .profile-image-overlay:hover{opacity:1}.profile-details{padding-left:.5rem}.profile-details h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.profile-details .profile-tagline{color:var(--color-text);opacity:.7;margin:0 0 1rem;font-size:1rem}.profile-details .profile-meta{margin-bottom:1rem}.profile-details .profile-meta p{color:var(--color-text);margin:.25rem 0;font-size:.875rem}.profile-details .profile-meta p strong{font-weight:500}.profile-details .profile-meta .email-verified{color:#10b981!important;font-weight:500!important}.profile-details .profile-bio{background-color:#ffa8771a;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.profile-details .profile-bio h3{text-transform:uppercase;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.profile-details .profile-bio p{white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.6}.profile-details .profile-actions{gap:1rem;margin-top:1rem;display:flex}@media (max-width:768px){.profile-cover-container{height:150px}.profile-image-container{width:100px;height:100px;margin-top:-50px}.profile-image-container .profile-image-large,.profile-image-container .profile-image-placeholder-large{width:100px;height:100px;font-size:1.5rem}}