:root{--bg-color: #000000;--text-main: #f5f5f7;--text-muted: #a1a1a6;--nav-bg: rgba(0, 0, 0, .7);--border-color: #333336;--card-bg: #1c1c1e;--name-gradient: linear-gradient(180deg, #7a7a7d 0%, var(--text-main) 100%);--icon-shadow: 0 4px 12px rgba(255, 255, 255, .25);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--spacing-section: 6rem}[data-theme=light]{--bg-color: #fafafa;--text-main: #1d1d1f;--text-muted: #86868b;--nav-bg: rgba(255, 255, 255, .85);--border-color: #e5e5ea;--card-bg: #ffffff;--name-gradient: linear-gradient(180deg, #86868b 0%, var(--text-main) 100%);--icon-shadow: 0 4px 12px rgba(0, 0, 0, .2)}:root,[data-color=green]{--accent-color: #10b981;--accent-bg: rgba(16, 185, 129, .15)}[data-color=blue]{--accent-color: #3b82f6;--accent-bg: rgba(59, 130, 246, .15)}[data-color=purple]{--accent-color: #8b5cf6;--accent-bg: rgba(139, 92, 246, .15)}[data-color=orange]{--accent-color: #f97316;--accent-bg: rgba(249, 115, 22, .15)}[data-color=red]{--accent-color: #ef4444;--accent-bg: rgba(239, 68, 68, .15)}[data-color=pink]{--accent-color: #ec4899;--accent-bg: rgba(236, 72, 153, .15)}[data-color=yellow]{--accent-color: #eab308;--accent-bg: rgba(234, 179, 8, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none;transition:color .2s ease,transform .2s ease}a.accent{color:var(--accent-color)}a.accent:hover{text-decoration:underline;text-underline-offset:4px}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4d}.header{position:sticky;top:0;z-index:100;background-color:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--text-main);background:var(--name-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2rem}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color .2s ease}.nav-link:hover{color:var(--text-main)}.theme-toggle{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;padding:0}.theme-toggle:hover{color:var(--text-main);transform:scale(1.1)}.color-picker-container{position:relative;display:flex;align-items:center}.color-toggle{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;padding:0}.color-toggle:hover{color:var(--text-main);transform:scale(1.1)}.color-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;display:flex;gap:.5rem;box-shadow:0 4px 12px #0000001a;animation:fadeIn .2s ease}.color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s ease}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--text-main)}@media(max-width:600px){.nav-links{gap:1rem;align-items:center}}.hero-section{padding:2rem 0 1rem}@media(min-width:768px){.hero-section{padding:2rem 0 1rem}}.hero-text-container{width:100%}.hero-title{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem;color:var(--text-main);background:var(--name-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem;font-weight:500}.hero-bio{color:var(--text-muted);font-size:.95rem;line-height:1.7;display:block}.hero-bio p{margin-bottom:1rem}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:250px;margin-bottom:.75rem}.social-links a{color:var(--text-main);background-color:var(--card-bg);border:1px solid var(--border-color);width:40px;height:40px;border-radius:50%;font-size:1.2rem;transition:all .3s ease;display:flex;justify-content:center;align-items:center;box-shadow:var(--icon-shadow)}.cv-link span{font-size:.95rem;font-weight:700;line-height:1;font-family:inherit}.social-links a:hover{transform:translateY(-4px);color:var(--accent-color);background-color:var(--accent-bg);border-color:var(--accent-color);box-shadow:0 8px 16px #10b98133}.hero-image-container{float:right;margin:.5rem 0 1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-avatar{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,#2a2a2d,#1c1c1e);border:1px solid var(--border-color);box-shadow:0 8px 24px #0006;position:relative;overflow:hidden}@media(min-width:768px){.hero-avatar{width:240px;height:240px}}.hero-avatar:before{content:"";position:absolute;inset:0;background-image:url(/profile.jpg);background-size:cover;background-position:center;opacity:.8;transition:opacity .3s ease}.hero-avatar:hover:before{opacity:1}.section-container{padding:2rem 0 3rem;border-top:1px solid var(--border-color)}.section-title{font-size:1.8rem;font-weight:600;margin-bottom:2.5rem;color:var(--text-main);letter-spacing:-.02em}.news-list{display:flex;flex-direction:column;gap:1.5rem}.news-item{display:flex;flex-direction:row;gap:1rem;align-items:center;padding:1.5rem;background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s ease,border-color .2s ease}.news-item:hover{transform:translateY(-2px);border-color:#4a4a4d}.news-icon-container{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--accent-bg);color:var(--accent-color);font-size:1.3rem;flex-shrink:0}.news-details{display:flex;flex-direction:column;gap:.5rem}.news-date{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .8rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.news-content{font-size:1rem;line-height:1.5;color:var(--text-main)}.news-text-group{display:flex;flex-direction:column;gap:.5rem}@media(min-width:600px){.news-item{flex-direction:row;gap:1.5rem;align-items:flex-start;padding:1.5rem 2rem}.news-details{flex-direction:row;gap:2rem;align-items:center;flex:1}.news-text-group{flex-direction:row;align-items:center;gap:2rem}.news-date{min-width:90px}}.pub-year-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.pub-year-group:last-child{margin-bottom:0}.pub-year-divider{display:flex;align-items:flex-end;gap:1rem;margin-bottom:.5rem}.pub-year-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border-color),transparent);margin-bottom:.35rem}.pub-year-label{font-size:1.75rem;font-weight:600;color:var(--text-muted);line-height:1}.pub-list{display:flex;flex-direction:column;gap:1.25rem}.pub-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s ease,border-color .2s ease}.pub-card:hover{transform:translateY(-2px);border-color:#4a4a4d}.pub-info{display:flex;flex-direction:column;gap:.25rem}.pub-title{font-size:1.1rem;font-weight:600;color:var(--text-main);line-height:1.4}.pub-authors{font-size:.9rem;color:#c4c4c6;line-height:1.5}.pub-authors strong{color:var(--text-main)}.pub-authors a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}.pub-authors a:hover{text-decoration:underline;opacity:.8}.pub-venue-full{font-size:.9rem;color:var(--text-muted);font-style:italic;margin-bottom:0;line-height:1.3}.pub-venue-full:last-of-type{margin-bottom:.25rem}.pub-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.pub-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .8rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.pub-link-btn:hover{background-color:var(--border-color);color:var(--text-main);text-decoration:none}@media(min-width:600px){.pub-card{padding:1.5rem}}.teaching-list{display:flex;flex-direction:column;gap:1.5rem}.teaching-item{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s ease,border-color .2s ease}.teaching-item:hover{transform:translate(4px);border-color:#4a4a4d}.teaching-role{font-weight:600;font-size:.85rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.teaching-details{display:flex;flex-direction:column;gap:.25rem}.teaching-course{font-size:1.1rem;font-weight:600;color:var(--text-main);line-height:1.4}.teaching-meta{font-size:.9rem;color:var(--text-muted)}@media(min-width:600px){.teaching-item{flex-direction:row;gap:2rem;align-items:baseline;padding:1.5rem 2rem}.teaching-role{min-width:150px;margin-bottom:0}}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}