:root{--color-bg:#f8fafc;--color-surface:#ffffff;--color-primary:#667eea;--color-accent:#764ba2;--color-text:#1a202c;--color-muted:#718096;--radius:0.5rem;--radius-lg:1rem;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-lg:0 10px 25px rgba(0,0,0,0.1);--font-heading:system-ui,-apple-system,sans-serif;--font-body:system-ui,-apple-system,sans-serif;--space-1:0.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{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.container{max-width:1100px;margin:0 auto;padding:var(--space-2)}.profile-hero{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));background-size:cover;background-position:50%;background-repeat:no-repeat;color:white;position:relative;overflow:hidden;padding:var(--space-3) 0;min-height:400px;display:flex;align-items:center}.cover-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;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}.profile-hero.has-cover-image{background-image:var(--cover-image-url)}.profile-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;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") repeat;z-index:1}.profile-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr;gap:var(--space-2);align-items:center;width:100%}.profile-side{display:flex;justify-content:center}.profile-card{width:100%;max-width:300px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.profile-image-wrap{width:160px;height:160px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.3);transition:transform .3s ease}.profile-image{color:white;font-family:var(--font-heading);font-size:3.25rem;font-weight:700}.profile-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-side-meta{width:100%}.dynamic-stats{margin-top:var(--space-1)}.stats-grid{display:flex;gap:var(--space-1);justify-content:center}.stat-card{text-align:center;display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.stat-number{font-weight:700;font-family:var(--font-heading);font-size:1.5rem;color:white}.stat-label{font-size:.85rem;color:rgba(255,255,255,.8)}.profile-main{padding-top:var(--space-1)}.profile-heading{display:flex;flex-direction:column;gap:calc(var(--space-1) / 2);margin-bottom:var(--space-2)}.profile-name{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;margin:0;color:white;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-title{font-size:1.25rem;color:rgba(255,255,255,.9);margin:.5rem 0}.role-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.role-tag{background:rgba(255,255,255,.2);color:white;padding:.25rem .75rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.3)}.profile-intro p{line-height:1.6;color:rgba(255,255,255,.9);font-size:1.1rem}.profile-location{display:flex;align-items:center;gap:.5rem;margin-top:var(--space-1);color:rgba(255,255,255,.8)}.social-links{display:flex;gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,255,255,.1);color:white;text-decoration:none;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);transition:all .2s ease;font-size:.9rem}.social-link:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.profile-body{margin-top:var(--space-3)}.profile-sections{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.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);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-2);color:var(--color-text)}.about-details{display:flex;flex-direction:column;gap:var(--space-2)}.about-text{color:var(--color-text);line-height:1.7;font-size:1.05rem}.professional-details{display:flex;flex-direction:column;gap:var(--space-1)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(113,128,150,.1)}.detail-label{font-weight:600;color:var(--color-muted);min-width:120px}.detail-value{font-weight:500;color:var(--color-text);flex:1;text-align:right}.detail-link{color:var(--color-primary);text-decoration:none}.detail-link:hover{text-decoration:underline}.section-divider{height:1px;background:var(--color-muted);margin:var(--space-2) 0;opacity:.2}.subheading{font-weight:700;margin-bottom:var(--space-2);color:var(--color-text);font-size:1.15rem}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-1)}.expertise-card{display:flex;gap:var(--space-1);align-items:center;background:var(--color-bg);border-radius:var(--radius);padding:var(--space-1);border:1px solid var(--color-muted);border-opacity:.2;transition:transform .2s ease,box-shadow .2s ease}.expertise-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.expertise-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:white;font-weight:700;font-size:1.2rem}.expertise-body{flex:1}.expertise-title{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.expertise-description{font-size:.9rem;color:var(--color-muted)}.achievements-list{display:flex;flex-direction:column;gap:var(--space-2)}.achievement-item{padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius);border:1px solid rgba(113,128,150,.2)}.achievement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.achievement-title{font-weight:700;color:var(--color-text);margin:0;font-size:1.1rem}.achievement-type{font-size:1.5rem}.achievement-description{color:var(--color-muted);line-height:1.5;margin:0}.achievement-date{font-size:.9rem;color:var(--color-primary);font-weight:600;margin-top:.5rem;display:block}.dynamic-sections{display:contents}.articles-list,.dynamic-component-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.latest-article-image-placeholder{width:100%;height:100%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem}.article-row{display:flex;gap:var(--space-2);align-items:flex-start;border-bottom:1px dashed rgba(113,128,150,.3);padding-bottom:var(--space-1);transition:all .2s ease}.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 transparent}.article-row-left{min-width:110px;display:flex;flex-direction:column;gap:4px}.article-category{font-weight:600;color:#ffffff;font-size:.85rem;background:var(--accent);padding:8px 12px;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.5px}.article-row-date{font-size:.8rem;color:var(--color-muted)}.article-row-right{flex:1}.article-row-link{color:inherit;text-decoration:none}.article-row-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text);line-height:1.4}.article-row-link:hover .article-row-title{color:var(--color-primary)}.article-row-preview{margin:.5rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.4}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2)}.project-card{background:var(--color-bg);border:1px solid rgba(113,128,150,.2);border-radius:var(--radius-lg);padding:var(--space-2);transition:all .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.project-title{font-weight:700;margin:0;color:var(--color-text)}.project-status{padding:.25rem .75rem;border-radius:var(--radius);font-size:.8rem;font-weight:600}.project-status.live{background:rgba(16,185,129,.1);color:#10b981}.project-status.in-progress{background:rgba(245,158,11,.1);color:#f59e0b}.project-description{color:var(--color-muted);line-height:1.5;margin:var(--space-1) 0}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap;margin:var(--space-1) 0}.tech-tag{background:var(--color-primary);color:white;padding:.25rem .5rem;border-radius:var(--radius);font-size:.8rem;opacity:.8}.project-link{color:var(--color-primary);text-decoration:none;font-weight:600;font-size:.9rem}.project-link:hover{text-decoration:underline}.publications-list{display:flex;flex-direction:column;gap:var(--space-2)}.publication-item{background:var(--color-bg);border:1px solid rgba(113,128,150,.2);border-radius:var(--radius);padding:var(--space-2)}.publication-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-1);gap:var(--space-1)}.publication-title{font-weight:700;color:var(--color-text);margin:0;line-height:1.4;flex:1}.publication-type{background:var(--color-primary);color:white;padding:.25rem .5rem;border-radius:var(--radius);font-size:.75rem;font-weight:600;white-space:nowrap}.publication-meta{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-1);color:var(--color-muted);font-size:.9rem}.publication-journal{font-weight:600;color:var(--color-text)}.publication-doi{color:var(--color-primary);text-decoration:none;font-size:.85rem}.publication-doi:hover{text-decoration:underline}.reviews-list{display:flex;flex-direction:column;gap:var(--space-1)}.review-item{background:var(--color-bg);border:1px solid rgba(113,128,150,.2);border-radius:var(--radius);padding:var(--space-1)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.review-journal{font-weight:600;color:var(--color-text)}.review-status{padding:.25rem .5rem;border-radius:var(--radius);font-size:.75rem;font-weight:600}.review-status.completed{background:rgba(16,185,129,.1);color:#10b981}.review-status.in-progress{background:rgba(245,158,11,.1);color:#f59e0b}.review-meta{display:flex;justify-content:space-between;color:var(--color-muted);font-size:.85rem}.contact-section{border:2px solid rgba(59,130,246,.2)}.contact-content{gap:var(--space-2)}.contact-content,.contact-methods{display:flex;flex-direction:column}.contact-method,.contact-methods{gap:var(--space-1)}.contact-method{display:flex;align-items:center;padding:var(--space-1);background:var(--color-primary);color:white;text-decoration:none;border-radius:var(--radius);font-weight:600;transition:all .2s ease}.contact-method:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.social-contact{display:flex;align-items:center;gap:var(--space-1)}.contact-label{font-weight:600;color:var(--color-muted)}.social-links-compact{display:flex;gap:.5rem}.social-link-compact{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:white;text-decoration:none;border-radius:var(--radius);transition:all .2s ease}.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{grid-template-columns:minmax(260px,320px) 1fr;align-items:start;gap:var(--space-3)}.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;align-items:center;justify-content:center;gap:.2rem;padding:.5rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-value{text-align:left}}.article-row,.contact-method,.expertise-card,.profile-image-wrap,.project-card{transition:all .22s ease}.location-icon{margin-right:.5rem;color:var(--color-primary)}.social-icon{margin-right:.5rem;width:1.2rem}.contact-icon{margin-right:.75rem;width:1.2rem;color:var(--color-primary)}.expertise-icon svg{font-size:1.2rem}.achievement-type svg{font-size:1.1rem;color:var(--color-primary)}.social-link-compact svg{font-size:1.1rem}