:root{--color-bg:#f8fafc;--color-surface:#fff;--color-primary:#667eea;--color-accent:#764ba2;--color-text:#1a202c;--color-muted:#718096;--radius:.5rem;--radius-lg:1rem;--shadow-sm:0 1px 3px #0000001a;--shadow-lg:0 10px 25px #0000001a;--font-heading:system-ui,-apple-system,sans-serif;--font-body:system-ui,-apple-system,sans-serif;--space-1:.75rem;--space-2:1.5rem;--space-3:3rem}@media (prefers-color-scheme:dark){:root{--color-bg:#1a202c;--color-surface:#2d3748;--color-text:#e2e8f0;--color-muted:#a0aec0}}[data-profile-type=writer]{--color-primary:#667eea;--color-accent:#764ba2}[data-profile-type=developer]{--color-primary:#10b981;--color-accent:#059669}[data-profile-type=editor]{--color-primary:#063194;--color-accent:#092492}[data-profile-type=researcher]{--color-primary:#8b5cf6;--color-accent:#7c3aed}[data-profile-type=contributor]{--color-primary:#06b6d4;--color-accent:#0891b2}.profile-page{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body)}.container{max-width:1100px;padding:var(--space-2);margin:0 auto}.profile-hero{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;padding:var(--space-3)0;background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.cover-image-overlay{background:linear-gradient(135deg,rgba(var(--color-primary-rgb,102,126,234),.8),rgba(var(--color-accent-rgb,118,75,162),.8));z-index:1;position:absolute;inset:0}.profile-hero.has-cover-image{background-image:var(--cover-image-url)}.profile-hero:before{content:"";z-index:1;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.profile-grid{z-index:3;gap:var(--space-2);grid-template-columns:1fr;align-items:center;width:100%;display:grid;position:relative}.profile-side{justify-content:center;display:flex}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);width:100%;max-width:300px;padding:var(--space-2);align-items:center;gap:var(--space-1);background:#ffffff1a;border:1px solid #fff3;flex-direction:column;display:flex}.profile-image-wrap{border-radius:var(--radius-full);background:#fff3;border:3px solid #ffffff4d;justify-content:center;align-items:center;width:160px;height:160px;transition:transform .3s;display:flex;overflow:hidden}.profile-image{color:#fff;font-family:var(--font-heading);font-size:3.25rem;font-weight:700}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-side-meta{width:100%}.dynamic-stats{margin-top:var(--space-1)}.stats-grid{gap:var(--space-1);justify-content:center;display:flex}.stat-card{text-align:center;flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.stat-number{font-weight:700;font-family:var(--font-heading);color:var(--page-text);font-size:1.5rem}.stat-label{color:var(--page-text);font-size:.85rem}.profile-main{padding-top:var(--space-1)}.profile-heading{gap:calc(var(--space-1)/2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.profile-name{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #0003;margin:0;font-size:2.5rem;font-weight:800}.profile-title{color:#ffffffe6;margin:.5rem 0;font-size:1.25rem}.role-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.role-tag{color:#fff;border-radius:var(--radius);background:#fff3;border:1px solid #ffffff4d;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.profile-intro p{color:#ffffffe6;font-size:1.1rem;line-height:1.6}.profile-location{margin-top:var(--space-1);color:#fffc;align-items:center;gap:.5rem;display:flex}.social-links{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.social-link{color:#fff;border-radius:var(--radius);background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{background:#fff3;transform:translateY(-2px)}.profile-body{margin-top:var(--space-3)}.profile-sections{gap:var(--space-3);grid-template-columns:1fr;display:grid}.section{background:var(--color-surface);padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-muted);border-opacity:.2}.section-heading{font-family:var(--font-heading);margin:0 0 var(--space-2);color:var(--color-text);font-size:1.5rem;font-weight:700}.about-details{gap:var(--space-2);flex-direction:column;display:flex}.about-text{color:var(--color-text);font-size:1.05rem;line-height:1.7}.professional-details{gap:var(--space-1);flex-direction:column;display:flex}.detail-item{border-bottom:1px solid #7180961a;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.detail-label{color:var(--color-muted);min-width:120px;font-weight:600}.detail-value{color:var(--color-text);text-align:right;flex:1;font-weight:500}.detail-link{color:var(--color-primary);text-decoration:none}.detail-link:hover{text-decoration:underline}.section-divider{background:var(--color-muted);height:1px;margin:var(--space-2)0;opacity:.2}.subheading{margin-bottom:var(--space-2);color:var(--color-text);font-size:1.15rem;font-weight:700}.expertise-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.expertise-card{gap:var(--space-1);background:var(--color-bg);border-radius:var(--radius);padding:var(--space-1);border:1px solid var(--color-muted);border-opacity:.2;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.expertise-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.expertise-icon{border-radius:var(--radius);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.expertise-body{flex:1}.expertise-title{color:var(--color-text);margin-bottom:.25rem;font-weight:600}.expertise-description{color:var(--color-muted);font-size:.9rem}.achievements-list{gap:var(--space-2);flex-direction:column;display:flex}.achievement-item{padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius);border:1px solid #71809633}.achievement-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.achievement-title{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:700}.achievement-type{font-size:1.5rem}.achievement-description{color:var(--color-muted);margin:0;line-height:1.5}.achievement-date{color:var(--color-primary);margin-top:.5rem;font-size:.9rem;font-weight:600;display:block}.dynamic-sections{display:contents}.dynamic-component-wrapper,.articles-list{gap:var(--space-2);flex-direction:column;display:flex}.latest-article-image-placeholder{color:#9ca3af;background-color:#f3f4f6;justify-content:center;align-items:center;width:100%;height:100%;font-size:.875rem;display:flex}.article-row{gap:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px dashed #7180964d;align-items:flex-start;transition:all .2s;display:flex}.article-row:hover{background:var(--color-bg);margin:0 calc(-1*var(--space-1));padding:var(--space-1);border-radius:var(--radius);border-bottom:1px dashed #0000}.article-row-left{flex-direction:column;gap:4px;min-width:110px;display:flex}.article-category{color:#fff;background:var(--accent);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-size:.85rem;font-weight:600}.article-row-date{color:var(--color-muted);font-size:.8rem}.article-row-right{flex:1}.article-row-link{color:inherit;text-decoration:none}.article-row-title{color:var(--color-text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.4}.article-row-link:hover .article-row-title{color:var(--color-primary)}.article-row-preview{color:var(--color-muted);margin:.5rem 0 0;font-size:.95rem;line-height:1.4}.projects-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-2);border:1px solid #71809633;transition:all .2s}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.project-title{color:var(--color-text);margin:0;font-weight:700}.project-status{border-radius:var(--radius);padding:.25rem .75rem;font-size:.8rem;font-weight:600}.project-status.live{color:#10b981;background:#10b9811a}.project-status.in-progress{color:#f59e0b;background:#f59e0b1a}.project-description{color:var(--color-muted);margin:var(--space-1)0;line-height:1.5}.project-tech{margin:var(--space-1)0;flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{background:var(--color-primary);color:#fff;border-radius:var(--radius);opacity:.8;padding:.25rem .5rem;font-size:.8rem}.project-link{color:var(--color-primary);font-size:.9rem;font-weight:600;text-decoration:none}.project-link:hover{text-decoration:underline}.publications-list{gap:var(--space-2);flex-direction:column;display:flex}.publication-item{background:var(--color-bg);border-radius:var(--radius);padding:var(--space-2);border:1px solid #71809633}.publication-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:flex-start;gap:var(--space-1);display:flex}.publication-title{color:var(--color-text);flex:1;margin:0;font-weight:700;line-height:1.4}.publication-type{background:var(--color-primary);color:#fff;border-radius:var(--radius);white-space:nowrap;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.publication-meta{gap:var(--space-1);margin-bottom:var(--space-1);color:var(--color-muted);flex-wrap:wrap;font-size:.9rem;display:flex}.publication-journal{color:var(--color-text);font-weight:600}.publication-doi{color:var(--color-primary);font-size:.85rem;text-decoration:none}.publication-doi:hover{text-decoration:underline}.reviews-list{gap:var(--space-1);flex-direction:column;display:flex}.review-item{background:var(--color-bg);border-radius:var(--radius);padding:var(--space-1);border:1px solid #71809633}.review-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.review-journal{color:var(--color-text);font-weight:600}.review-status{border-radius:var(--radius);padding:.25rem .5rem;font-size:.75rem;font-weight:600}.review-status.completed{color:#10b981;background:#10b9811a}.review-status.in-progress{color:#f59e0b;background:#f59e0b1a}.review-meta{color:var(--color-muted);justify-content:space-between;font-size:.85rem;display:flex}.contact-section{border:2px solid #3b82f633}.contact-content{gap:var(--space-2);flex-direction:column;display:flex}.contact-methods{gap:var(--space-1);flex-direction:column;display:flex}.contact-method{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-primary);color:#fff;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:all .2s;display:flex}.contact-method:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.social-contact{align-items:center;gap:var(--space-1);display:flex}.contact-label{color:var(--color-muted);font-weight:600}.social-links-compact{gap:.5rem;display:flex}.social-link-compact{background:var(--color-primary);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.social-link-compact:hover{transform:scale(1.1)}.no-content{text-align:center;padding:var(--space-3);color:var(--color-muted)}@media (min-width:900px){.profile-grid{align-items:start;gap:var(--space-3);grid-template-columns:minmax(260px,320px) 1fr}.profile-sections{grid-template-columns:1fr}.expertise-grid{grid-template-columns:repeat(2,1fr)}.contact-methods{flex-direction:row}}@media (max-width:768px){.profile-name{font-size:2rem}.stats-grid{gap:.5rem}.stat-card{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.5rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-value{text-align:left}}.profile-image-wrap,.expertise-card,.article-row,.project-card,.contact-method{transition:all .22s}.location-icon{color:var(--color-primary);margin-right:.5rem}.social-icon{width:1.2rem;margin-right:.5rem}.contact-icon{width:1.2rem;color:var(--color-primary);margin-right:.75rem}.expertise-icon svg{font-size:1.2rem}.achievement-type svg{color:var(--color-primary);font-size:1.1rem}.social-link-compact svg{font-size:1.1rem}