.profile-page-root{font-family:var(--font-sans);background:0 0;padding-bottom:5rem}.profile-container{grid-template-columns:1fr 300px;gap:1.5rem;max-width:1128px;margin:6rem auto 0;padding:0 1rem;display:grid}.linkedin-card{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:12px;margin-bottom:1rem;position:relative;overflow:hidden}.card-padding{padding:24px}.profile-banner-container{background:linear-gradient(90deg,#1d2226,#3b4249);height:200px;position:relative}.header-edit-btn{color:#0a66c2;cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:12px;right:12px}.profile-avatar-overlap{border:4px solid rgb(var(--background));background:rgba(var(--foreground),.1);z-index:5;border-radius:50%;width:160px;height:160px;position:absolute;top:110px;left:24px;overflow:hidden}.avatar-opentowork-border{pointer-events:none;border:8px solid #057642;border-radius:50%;position:absolute;inset:-4px}.opentowork-label{color:rgb(var(--foreground));white-space:nowrap;background:#057642;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.profile-main-info{padding:90px 24px 24px}.profile-name-section{justify-content:space-between;align-items:flex-start;display:flex}.profile-name-text{color:rgb(var(--foreground));font-size:24px;font-weight:600}.verification-badge{color:#0a66c2;cursor:pointer;border:1px dashed #0a66c2;border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:14px;display:inline-flex}.profile-headline-text{color:rgb(var(--foreground));margin-top:4px;font-size:16px;line-height:1.4}.profile-location-info{color:rgb(var(--muted));margin-top:8px;font-size:14px}.contact-info-link{color:rgb(var(--primary));cursor:pointer;margin-left:8px;font-weight:600}.github-link-row{align-items:center;margin-top:8px;display:flex}.github-link-row a{color:rgb(var(--primary));align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.connections-link{color:rgb(var(--primary));margin-top:8px;font-size:14px;font-weight:600;text-decoration:none;display:block}.header-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.action-pill{cursor:pointer;border-radius:100px;padding:6px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.action-pill.primary{background:rgb(var(--primary));color:rgb(var(--foreground));border:none}.action-pill.secondary{border:1px solid rgb(var(--primary));color:rgb(var(--primary));background:0 0}.action-pill.tertiary{color:rgb(var(--muted));background:0 0;border:1px solid #666}.info-boxes-row{background:rgb(var(--surface));gap:12px;padding:16px 24px;display:flex}.info-box{background:rgb(var(--background));border:1px solid rgb(var(--border));border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.info-box:hover{box-shadow:0 4px 12px rgba(var(--background),.3);border-color:#444;transform:translateY(-2px)}.info-box.accent-blue{border-left:4px solid #0a66c2}.info-box.accent-green{border-left:4px solid #057642}.info-box-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.info-box-icon{color:rgb(var(--foreground));background:rgba(var(--foreground),.05);border-radius:8px;padding:8px;font-size:20px}.accent-blue .info-box-icon{color:#0a66c2;background:#0a66c21a}.accent-green .info-box-icon{color:#057642;background:#0576421a}.info-box h4{color:rgb(var(--foreground));margin:0;font-size:15px;font-weight:700}.info-box-content{margin-bottom:12px}.info-box-title{color:rgb(var(--foreground));margin-bottom:8px;font-size:14px;font-weight:500;line-height:1.4}.info-box-tags{flex-wrap:wrap;gap:6px;display:flex}.info-tag{background:rgba(var(--foreground),.05);color:rgb(var(--muted));border:1px solid rgba(var(--foreground),.15);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.accent-blue .info-tag{color:#70b1ff;border-color:#0a66c24d}.accent-green .info-tag{color:#7edca1;border-color:#0576424d}.info-box .show-details{color:rgb(var(--primary));cursor:pointer;align-self:flex-start;font-size:13px;font-weight:600;transition:color .2s}.info-box .show-details:hover{color:#f66;text-decoration:underline}.box-edit-icon{color:rgb(var(--muted));cursor:pointer;position:absolute;top:12px;right:12px}.top-skills-box{background:rgba(var(--primary),.05);border:1px solid rgba(var(--foreground),.1);cursor:pointer;border-radius:8px;margin-top:16px;padding:16px;position:relative}.top-skills-box:hover{background:rgba(var(--primary),.1)}.top-skills-box h4{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.top-skills-list{color:rgb(var(--foreground));font-size:14px;font-weight:500}.top-skills-box .arrow-right{color:rgb(var(--muted));position:absolute;top:50%;right:16px;transform:translateY(-50%)}.activity-filters{gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-pill{border:1px solid rgba(var(--foreground),.1);color:rgb(var(--muted));white-space:nowrap;cursor:pointer;border-radius:100px;padding:6px 16px;font-size:14px;font-weight:600}.filter-pill.active{color:rgb(var(--foreground));background:#057642;border:none}.post-item{border-bottom:1px solid rgba(var(--foreground),.1);padding:16px 0}.post-item:last-child{border-bottom:none}.post-header{color:rgb(var(--muted));margin-bottom:8px;font-size:12px}.post-author-row{gap:8px;margin-bottom:12px;display:flex}.post-avatar{border-radius:4px;width:48px;height:48px}.post-content-text{color:rgb(var(--foreground));font-size:14px;line-height:1.5}.show-more{color:rgb(var(--muted));cursor:pointer;font-size:14px;font-weight:600}.post-engagement{color:rgb(var(--muted));align-items:center;gap:4px;margin-top:12px;font-size:12px;display:flex}.show-all-btn{text-align:center;width:100%;color:rgb(var(--muted));border-top:1px solid rgba(var(--foreground),.1);padding:12px;font-weight:600;text-decoration:none;display:block}.linkedin-list{flex-direction:column;margin-top:16px;display:flex}.linkedin-list-item{border-bottom:1px solid rgba(var(--foreground),.1);gap:16px;padding:20px 0;transition:background .2s;display:flex}.linkedin-list-item:last-child{border-bottom:none}.linkedin-list-item:hover{background:rgba(var(--foreground),.02)}.item-logo{background:rgba(var(--foreground),.05);border:1px solid rgba(var(--foreground),.15);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.item-logo img{object-fit:contain;width:100%;height:100%}.item-content{flex:1}.item-content h3{color:rgb(var(--foreground));margin-bottom:2px;font-size:16px;font-weight:700}.item-subtitle{color:rgb(var(--foreground));margin-bottom:4px;font-size:14px;font-weight:500;display:block}.item-meta-row{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.item-meta{color:rgb(var(--muted));align-items:center;gap:4px;font-size:13px;display:flex}.item-description{color:rgb(var(--muted));margin-top:8px;font-size:14px;line-height:1.5}.experience-skill-tag{background:rgba(var(--foreground),.05);border:1px solid rgba(var(--foreground),.1);color:rgb(var(--foreground));border-radius:100px;align-items:center;gap:6px;margin-top:12px;padding:4px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.experience-skill-tag:hover{background:rgba(var(--foreground),.1);border-color:#444}.experience-skill-tag svg{color:rgb(var(--primary))}.sidebar-widget{background:rgb(var(--surface));border:1px solid rgba(var(--foreground),.1);border-radius:12px;margin-bottom:1rem;padding:16px}.widget-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.widget-title{color:rgb(var(--foreground));font-size:16px;font-weight:600}.widget-content-text{color:rgb(var(--muted));margin-top:4px;font-size:14px}.social-links-list{flex-direction:column;gap:12px;display:flex}.social-link-item{color:rgb(var(--foreground));border-radius:8px;align-items:center;gap:12px;padding:8px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.social-link-item:hover{background:rgba(var(--foreground),.05);color:rgb(var(--primary))}.social-link-item svg{color:rgb(var(--muted));transition:color .2s}.social-link-item:hover svg{color:rgb(var(--primary))}.job-search-widget{color:rgb(var(--foreground));background:#023;border-radius:12px;margin-bottom:1rem;padding:20px}.job-search-widget h3{font-size:18px;font-weight:600;line-height:1.2}.job-search-widget .explore-jobs-btn{color:rgb(var(--foreground));background:#0a66c2;border-radius:100px;margin-top:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.viewer-list{flex-direction:column;gap:16px;display:flex}.viewer-item{gap:12px;display:flex}.viewer-avatar{background:rgba(var(--foreground),.1);width:48px;height:48px;color:rgb(var(--foreground));border:1px solid rgba(var(--foreground),.1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.viewer-info{flex:1}.viewer-info h4{color:rgb(var(--foreground));margin-bottom:2px;font-size:14px;font-weight:600}.viewer-info p{color:rgb(var(--muted));margin-bottom:8px;font-size:12px;line-height:1.3}.connect-btn{color:rgb(var(--muted));cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:100px;padding:2px 12px;font-size:12px;font-weight:600;transition:all .2s}.connect-btn:hover{background:rgba(var(--foreground),.05);border-color:rgb(var(--foreground));color:rgb(var(--foreground))}@media (max-width:1024px){.profile-container{grid-template-columns:1fr}}@media (max-width:320px){.profile-container{padding:0 .5rem}.linkedin-card{border-radius:0;margin-left:-.5rem;margin-right:-.5rem}.profile-avatar-overlap{width:120px;height:120px;top:130px}.profile-main-info{padding:60px 16px 16px}.profile-name-text{font-size:20px}.profile-headline-text{font-size:14px}.header-actions{flex-direction:column}.action-pill{text-align:center;width:100%}}@media (max-width:600px){.linkedin-list-item{flex-direction:column;align-items:flex-start;gap:8px}.item-logo{width:40px;height:40px}.item-meta-row{flex-direction:column;gap:2px}.item-meta{font-size:12px}.experience-skill-tag{justify-content:flex-start;width:100%}}
