:root{--blue: #3b82c4;--blue-dark: #2d6ca8;--blue-deeper: #3a6fa3;--blue-light: #f0f5fb;--blue-mid: #6ba3d6;--bg: #eef2f7;--surface: #ffffff;--surface-2: #f8f9fb;--text: #111827;--text-muted: #6b7280;--text-light: #9ca3af;--border: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.06);--radius: 12px;--nav-h: 60px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:linear-gradient(180deg, #e8f0f8 0%, #eef2f7 50%, #f7f8fa 100%);color:var(--text);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.progress-track{position:sticky;top:var(--nav-h);z-index:99;height:4px;background:rgba(58,111,163,0.15)}.progress-bar{height:100%;width:0%;background:var(--blue);box-shadow:0 0 8px rgba(59,130,196,0.5),0 1px 3px rgba(58,111,163,0.3);transition:width .08s linear;border-radius:0 2px 2px 0}.site-nav{background:linear-gradient(135deg, var(--blue-deeper) 0%, var(--blue) 100%);height:var(--nav-h);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(58,111,163,0.2)}.nav-inner{max-width:960px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.65rem;color:#fff;font-weight:700;font-size:.95rem;letter-spacing:-.01em;text-decoration:none}.nav-initials{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;letter-spacing:.02em;flex-shrink:0}.nav-links{display:flex;gap:.15rem}.nav-links a{color:rgba(255,255,255,0.8);text-decoration:none;padding:.45rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:background .15s, color .15s;letter-spacing:.01em}.nav-links a:hover{background:rgba(255,255,255,0.15);color:#fff;text-decoration:none}.nav-links a.active{background:rgba(255,255,255,0.22);color:#fff;font-weight:600}.page-content{max-width:960px;margin:0 auto 4rem;padding:0 1.5rem}.hero{background:linear-gradient(135deg, var(--blue-deeper) 0%, var(--blue) 60%, var(--blue-mid) 100%);margin:0 -1.5rem 2rem;padding:3rem 1.5rem 2.5rem;position:relative;overflow:hidden;border-radius:0 0 28px 28px;box-shadow:0 6px 24px rgba(58,111,163,0.12)}.hero::before{content:'';position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,0.05);pointer-events:none}.hero::after{content:'';position:absolute;bottom:-80px;left:-40px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,0.04);pointer-events:none}.hero-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:2.5rem;position:relative;z-index:1}.hero-photo-wrap{flex-shrink:0;position:relative}.hero-photo{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,0.35);box-shadow:0 8px 24px rgba(0,0,0,0.25);display:block}.hero-photo-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,0.15);pointer-events:none}.hero-text h1{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.2;margin-bottom:.35rem}.hero-position{font-size:.95rem;color:rgba(255,255,255,0.88);font-weight:500;margin-bottom:.2rem}.hero-affil{font-size:.85rem;color:rgba(255,255,255,0.65);margin-bottom:1.1rem}.pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.3);padding:.3rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;text-decoration:none;backdrop-filter:blur(4px);transition:background .15s, border-color .15s;letter-spacing:.01em}.pill svg{width:13px;height:13px;flex-shrink:0}.pill:hover{background:rgba(255,255,255,0.28);border-color:rgba(255,255,255,0.5);text-decoration:none}.home-grid{display:grid;grid-template-columns:1.6fr 300px;gap:1.25rem;align-items:start}.home-main{display:flex;flex-direction:column;gap:1.25rem}.home-side{display:flex;flex-direction:column;gap:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.section-heading{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem}.section-heading-bar{width:4px;height:1.1rem;background:linear-gradient(180deg, var(--blue) 0%, var(--blue-mid) 100%);border-radius:2px;flex-shrink:0}.section-heading h2{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:.01em;text-transform:uppercase}.bio-text{font-size:.9rem;color:var(--text);line-height:1.75;margin-bottom:.8rem}.bio-text:last-child{margin-bottom:0}.tags{display:flex;flex-wrap:wrap;gap:.45rem}.tag{background:var(--blue-light);color:var(--blue-dark);padding:.3rem .8rem;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.01em;border:1px solid #c9ddfb;transition:background .15s, color .15s}.tag:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.news-list{list-style:none}.news-item{display:flex;gap:.9rem;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.86rem;line-height:1.6}.news-item:first-child{padding-top:0}.news-item:last-child{border-bottom:none;padding-bottom:0}.news-date{flex-shrink:0;min-width:64px;font-size:.75rem;font-weight:700;color:var(--blue);background:var(--blue-light);border-radius:6px;padding:.2rem .5rem;height:fit-content;margin-top:.1rem;text-align:center;letter-spacing:.01em}.news-timeline{position:relative;padding-left:2rem}.news-timeline::before{content:'';position:absolute;left:6px;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(180deg, var(--blue) 0%, var(--blue-light) 100%);border-radius:2px}.news-tl-item{position:relative;padding:0 0 2rem 1.25rem}.news-tl-item:last-child{padding-bottom:0}.news-tl-item::before{content:'';position:absolute;left:-1.65rem;top:.45rem;width:10px;height:10px;border-radius:50%;background:var(--blue);border:2px solid var(--surface);box-shadow:0 0 0 2px var(--blue-light)}.news-tl-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.news-tl-date{font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.03em}.news-type-badge{font-size:.7rem;font-weight:700;padding:.15rem .55rem;border-radius:20px;letter-spacing:.03em;text-transform:uppercase}.news-type-badge.position{background:#dbeafe;color:#1e40af}.news-type-badge.publication{background:#dcfce7;color:#166534}.news-type-badge.education{background:#fef3c7;color:#92400e}.news-type-badge.talk{background:#f3e8ff;color:#6b21a8}.news-type-badge.other{background:var(--blue-light);color:var(--blue-dark)}.news-tl-text{font-size:.9rem;line-height:1.7;color:var(--text)}.info-list{list-style:none}.info-item{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.84rem}.info-item:first-child{padding-top:0}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-icon{width:30px;height:30px;border-radius:8px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon svg{width:14px;height:14px;color:var(--blue)}.info-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.1rem}.info-value{color:var(--text);font-weight:500;font-size:.84rem;line-height:1.4}.page-header{padding:2.5rem 0 1.5rem}.page-header h1{font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:.3rem}.page-header p{font-size:.88rem;color:var(--text-muted)}.pub-controls{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.pub-search-wrap{position:relative;flex:1;min-width:180px}.pub-search-wrap svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-muted);pointer-events:none}.pub-search{width:100%;padding:.6rem .75rem .6rem 2.3rem;border:1px solid var(--border);border-radius:10px;font-size:.875rem;font-family:inherit;background:var(--surface);color:var(--text);outline:none;box-shadow:var(--shadow-sm);transition:border-color .15s, box-shadow .15s}.pub-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,119,242,0.12)}.pub-year-filter{padding:.6rem .85rem;border:1px solid var(--border);border-radius:10px;font-size:.875rem;font-family:inherit;background:var(--surface);color:var(--text);outline:none;cursor:pointer;box-shadow:var(--shadow-sm)}.pub-count{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem;font-weight:500}.pub-item{padding:1.2rem 0;border-bottom:1px solid var(--border)}.pub-item:last-child{border-bottom:none}.pub-title{font-weight:700;font-size:.92rem;margin-bottom:.25rem;color:var(--text);line-height:1.45}.pub-authors{font-size:.82rem;color:var(--text-muted);margin-bottom:.15rem}.pub-venue{font-size:.82rem;color:var(--text-light);font-style:italic;margin-bottom:.5rem}.pub-links{display:flex;gap:.4rem;flex-wrap:wrap}.pub-link{font-size:.75rem;padding:.2rem .65rem;border-radius:6px;border:1px solid var(--blue);color:var(--blue);text-decoration:none;font-weight:600;transition:background .15s, color .15s}.pub-link:hover{background:var(--blue);color:#fff;text-decoration:none}.pub-loading,.pub-error{text-align:center;padding:3rem;color:var(--text-muted);font-size:.9rem}.cv-section{margin-bottom:2rem}.cv-timeline{margin-top:.25rem}.cv-entry{display:grid;grid-template-columns:130px 1fr;gap:0 1.5rem;padding:1.1rem 0;border-bottom:1px solid var(--border);position:relative}.cv-entry:last-child{border-bottom:none}.cv-period{font-size:.75rem;font-weight:700;color:var(--blue);padding-top:.15rem;line-height:1.4}.cv-title{font-weight:700;font-size:.92rem;color:var(--text);margin-bottom:.15rem;line-height:1.4}.cv-org{font-size:.84rem;font-weight:600;color:var(--blue-dark);margin-bottom:.35rem}.cv-detail{font-size:.84rem;color:var(--text-muted);line-height:1.6}.cv-detail a{color:var(--blue)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:.85rem;margin-top:.25rem}.skill-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.1rem 1rem;border-top:3px solid var(--blue)}.skill-title{font-weight:700;font-size:.82rem;color:var(--blue-dark);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.45rem}.skill-card p{font-size:.81rem;color:var(--text-muted);line-height:1.55}.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:3rem;padding:2rem 1.5rem}.footer-inner{max-width:960px;margin:0 auto;text-align:center}.footer-name{font-weight:700;font-size:.9rem;color:var(--text);margin-bottom:.2rem}.footer-affil{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.footer-links{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem}.footer-links a{font-size:.8rem;color:var(--blue);font-weight:500}.footer-dot{color:var(--text-light);font-size:.8rem}.footer-copy{font-size:.75rem;color:var(--text-light)}.fade-in{animation:fadeUp .4s ease both}.fade-in:nth-child(2){animation-delay:.05s}.fade-in:nth-child(3){animation-delay:.1s}.fade-in:nth-child(4){animation-delay:.15s}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.nav-toggle span{display:block;width:100%;height:2px;background:rgba(255,255,255,0.85);border-radius:2px;transition:transform .2s, opacity .2s}@media (max-width: 720px){.home-grid{grid-template-columns:1fr}.home-side{order:-1}.hero-inner{flex-direction:column;align-items:flex-start;gap:1.25rem}.hero-text h1{font-size:1.55rem}.cv-entry{grid-template-columns:1fr;gap:.2rem}.cv-period{color:var(--text-muted);margin-bottom:.1rem}}@media (max-width: 540px){.nav-toggle{display:flex}.nav-brand-name{display:none}.nav-links{display:none;position:fixed;top:var(--nav-h);left:0;right:0;z-index:99;flex-direction:column;background:linear-gradient(160deg, var(--blue-deeper) 0%, var(--blue) 100%);padding:.5rem .75rem .75rem;gap:.25rem;box-shadow:0 6px 20px rgba(0,0,0,0.18)}.nav-links.open{display:flex}.nav-links a{padding:.6rem 1rem;border-radius:8px;font-size:.9rem}.hero{padding:2rem 1.25rem 1.5rem}.hero-photo{width:100px;height:100px}.skills-grid{grid-template-columns:1fr}}@media (max-width: 380px){.hero-text h1{font-size:1.35rem}.page-content{padding:0 1rem}}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #162032;--text: #e2e8f0;--text-muted: #94a3b8;--text-light: #64748b;--border: #334155;--blue-light: #1e3a5f;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0,0,0,.5), 0 4px 10px rgba(0,0,0,.35)}body{background:linear-gradient(180deg, #0d1b2e 0%, #0f172a 50%, #111827 100%)}.progress-track{background:rgba(59,130,196,0.15)}.progress-bar{background:var(--blue);box-shadow:0 0 8px rgba(59,130,196,0.6),0 1px 3px rgba(59,130,196,0.3)}.tag{background:rgba(59,130,196,0.18);color:var(--blue-mid);border-color:rgba(59,130,196,0.3)}.tag:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.news-type-badge.position{background:rgba(30,64,175,0.35);color:#93c5fd}.news-type-badge.publication{background:rgba(22,101,52,0.35);color:#86efac}.news-type-badge.education{background:rgba(146,64,14,0.35);color:#fcd34d}.news-type-badge.talk{background:rgba(107,33,168,0.35);color:#d8b4fe}.news-type-badge.other{background:rgba(59,130,196,0.18);color:var(--blue-mid)}.news-tl-item::before{border-color:var(--surface);box-shadow:0 0 0 2px var(--blue-light)}.pub-search,.pub-year-filter{background:var(--surface);color:var(--text);border-color:var(--border);color-scheme:dark}.pub-search::placeholder{color:var(--text-light)}}