.professional-profile-hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--lime) 24%, transparent), transparent 29%), linear-gradient(135deg, var(--surface-accent), var(--paper) 68%);padding:72px 0;position:relative;overflow:hidden}.professional-profile-hero:after{border:1px solid color-mix(in srgb, var(--green) 13%, transparent);content:"";border-radius:50%;width:310px;height:310px;position:absolute;bottom:-190px;right:-90px}.professional-profile-hero .container{z-index:1;position:relative}.professional-hero{align-items:center;gap:30px;max-width:1050px;display:flex}.professional-avatar{border:5px solid var(--surface);background:linear-gradient(145deg, var(--green), var(--green-dark));width:116px;height:116px;color:var(--on-primary);font-family:var(--font-app);background-position:50%;background-size:cover;border-radius:32px;flex:none;place-items:center;font-size:34px;display:grid;overflow:hidden;box-shadow:0 20px 45px #0f2d2229}.professional-identity{min-width:0}.professional-identity .page-title{letter-spacing:-.045em;margin:0;font-size:clamp(40px,5vw,62px);line-height:1.04}.professional-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.professional-badges:empty{display:none}.professional-badges .verified-professional{border:1px solid color-mix(in srgb, var(--green) 18%, var(--border));background:var(--surface);color:var(--green);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex}.professional-headline{font-weight:600;color:var(--text)!important;margin:14px 0 18px!important;font-size:20px!important}.professional-identity .detail-meta{flex-wrap:wrap;gap:9px;display:flex}.professional-identity .detail-meta>span{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);min-height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:650;display:inline-flex}.professional-identity .detail-meta svg{color:var(--green)}.professional-page-body{background:var(--paper);padding:58px 0 80px}.professional-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.professional-grid .content-card{border:1px solid var(--border);background:var(--surface);border-radius:28px;margin-top:0;box-shadow:0 18px 48px #0f2d220f}.professional-about{padding:30px}.professional-intro{padding:6px 5px 10px}.professional-about h2,.professional-links h2{font-family:var(--font-app);letter-spacing:-.025em;margin:0;font-size:25px}.professional-intro>p{max-width:780px;color:var(--muted);margin:12px 0 28px;font-size:15px;line-height:1.8}.professional-intro .skills,.public-profile-section .skills{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.professional-intro .skills>span,.public-profile-section .skills>span{border:1px solid var(--border);background:var(--surface-accent);color:var(--green);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.public-profile-section{border:1px solid var(--border);background:var(--surface-soft);border-radius:20px;margin-top:16px;padding:24px}.public-profile-section h2{align-items:center;gap:10px;font-size:21px;display:flex}.public-profile-section h2 svg{color:var(--green)}.timeline-list{border-left:2px solid color-mix(in srgb, var(--green) 24%, var(--border));gap:0;margin:20px 0 0 7px;display:grid}.timeline-list article{padding:0 0 26px 27px;position:relative}.timeline-list article:last-child{padding-bottom:0}.timeline-dot{border:3px solid var(--surface-soft);background:var(--green);width:14px;height:14px;box-shadow:0 0 0 2px color-mix(in srgb, var(--green) 35%, transparent);border-radius:50%;position:absolute;top:5px;left:-8px}.timeline-list article>div,.profile-record{gap:5px;display:grid}.timeline-list h3,.profile-record h3{margin:0;font-size:17px}.timeline-list small,.profile-record small{color:var(--muted)}.timeline-list p,.profile-record p{color:var(--muted);margin:5px 0 0;line-height:1.65}.profile-record{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:15px;padding:16px}.profile-record a{width:fit-content;color:var(--green);align-items:center;gap:5px;font-weight:750;display:inline-flex}.profile-empty{border:1px dashed var(--border);background:color-mix(in srgb, var(--surface) 65%, transparent);color:var(--muted);text-align:center;border-radius:16px;margin:16px 0 0;padding:18px;font-size:13px}.profile-empty-inline{background:var(--surface-soft)!important;color:var(--muted)!important;border-style:dashed!important}.professional-links{align-self:start;padding:26px;position:sticky;top:104px}.professional-links>.section-kicker{margin-bottom:8px;display:block}.professional-links>a{border:1px solid var(--border);background:var(--surface-soft);color:var(--green);border-radius:15px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;margin-top:10px;padding:12px;font-size:13px;font-weight:800;transition:border-color .16s,transform .16s;display:grid}.professional-links>a:hover{border-color:var(--green);transform:translateY(-1px)}.professional-links>a>svg:first-child{background:var(--surface-accent);box-sizing:content-box;border-radius:10px;padding:7px}.professional-links>p{border-top:1px solid var(--border);color:var(--muted);margin:20px 0 0;padding-top:17px;font-size:11px;line-height:1.65}.completion-card{background:var(--surface-accent);color:var(--muted);border-radius:16px;gap:10px;margin:20px 0;padding:16px;font-size:13px;display:grid}.completion-card b{color:var(--text);font-size:18px}.completion-card .profile-progress{background:color-mix(in srgb, var(--green) 10%, var(--surface));border-radius:999px;height:8px;overflow:hidden}.completion-card .profile-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--lime));height:100%;display:block}@media (max-width:900px){.professional-profile-hero{padding:52px 0}.professional-grid{grid-template-columns:1fr}.professional-links{position:static}}@media (max-width:600px){.professional-profile-hero{padding:38px 0}.professional-hero{align-items:flex-start;gap:18px}.professional-avatar{border-width:3px;border-radius:22px;width:76px;height:76px;font-size:24px}.professional-identity .page-title{font-size:34px}.professional-headline{font-size:17px!important}.professional-identity .detail-meta{margin-left:-94px;padding-top:22px}.professional-page-body{padding:32px 0 55px}.professional-about,.professional-links{padding:20px;border-radius:22px!important}.public-profile-section{padding:19px}}