@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #dc2626;--accent-secondary: #b91c1c;--accent-gradient: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--border-color: #e2e8f0;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--nav-bg: rgba(255, 255, 255, .9);--overlay: rgba(255, 255, 255, .8)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--nav-bg: rgba(15, 23, 42, .9);--overlay: rgba(15, 23, 42, .8)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-secondary)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.page{max-width:1200px;margin:0 auto;padding:2rem}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000}.nav-container{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.nav-logo{font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links.desktop{display:flex;gap:.5rem}.nav-link{position:relative;padding:.5rem 1rem;color:var(--text-secondary);font-weight:500;border-radius:8px;transition:color .3s ease,background-color .3s ease}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.nav-link.active{color:var(--accent-primary)}.nav-link-content{display:flex;align-items:center;gap:.5rem}.nav-indicator{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent-gradient);border-radius:3px 3px 0 0}.nav-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:background-color .3s ease}.theme-toggle:hover{background:var(--bg-tertiary)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}.nav-links.mobile{display:none}@media(max-width:768px){.nav-links.desktop{display:none}.mobile-menu-btn{display:block}.nav-links.mobile{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem;gap:.5rem}.nav-links.mobile .nav-link{padding:1rem}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--text-primary)}.footer-section p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease}.social-link:hover{background:var(--accent-primary);color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}.hero-section{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 10s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--accent-primary);top:-100px;right:-100px}.orb-2{width:300px;height:300px;background:var(--accent-secondary);bottom:-50px;left:-50px;animation-delay:-3s}.orb-3{width:250px;height:250px;background:#10b981;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-5s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem}.profile-image{width:180px;height:180px;border-radius:50%;border:4px solid var(--accent-primary);box-shadow:0 0 30px #dc262666;object-fit:cover}.hero-title{font-size:3rem;font-weight:800;margin-top:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{display:block;font-size:1.5rem;font-weight:400;-webkit-text-fill-color:var(--text-secondary);margin-top:.5rem}.hero-role{font-size:1.2rem;color:var(--text-secondary);margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.hero-tag{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;font-size:.9rem;color:var(--text-secondary)}.social-icons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transition:all .3s ease}.social-icon:hover{background:var(--hover-color, var(--accent-primary));color:#fff;border-color:transparent}.hero-cta{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #dc262666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262680;color:#fff}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.section-title svg{color:var(--accent-primary)}.welcome-section{padding:4rem 0;text-align:center}.welcome-text{max-width:800px;margin:0 auto 1rem;font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.interests-section{padding:4rem 0}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.interest-card{text-align:center;padding:2rem}.interest-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:var(--accent-gradient);color:#fff;margin-bottom:1rem}.interest-card h3{font-size:1.2rem;margin-bottom:.5rem}.interest-card p{color:var(--text-secondary);font-size:.9rem}.quick-links-section{padding:4rem 0}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.quick-link-card{display:flex;flex-direction:column;align-items:center;padding:2rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);text-align:center;transition:all .3s ease}.quick-link-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);border-color:var(--accent-primary)}.quick-link-card svg{color:var(--accent-primary);margin-bottom:1rem}.quick-link-card h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-primary)}.quick-link-card p{color:var(--text-secondary);font-size:.9rem}.animated-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.animated-card:hover{border-color:var(--accent-primary)}.page-hero{text-align:center;padding:3rem 0;margin-bottom:2rem}.page-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.title-icon{color:var(--accent-primary)}.page-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.scholar-link{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--accent-gradient);color:#fff;border-radius:8px;font-weight:600}.scholar-link:hover{color:#fff;opacity:.9}.pub-stats{margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item{text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--accent-primary)}.stat-label{font-size:.9rem;color:var(--text-secondary)}.pub-section{margin-bottom:3rem}.publications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.publication-card{position:relative}.pub-type-badge{display:inline-block;padding:.25rem .75rem;background:var(--accent-gradient);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.pub-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.pub-authors{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.pub-details{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.pub-details span{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px}.pub-status{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;background:#fef3c7;color:#92400e;border-radius:20px;font-size:.75rem;font-weight:500}[data-theme=dark] .pub-status{background:#78350f;color:#fef3c7}.projects-section{padding:2rem 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.project-card{overflow:hidden;padding:0}.project-image{height:180px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.project-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted)}.project-language{display:flex;align-items:center;gap:.5rem}.language-dot{width:12px;height:12px;border-radius:50%}.project-stat{display:flex;align-items:center;gap:.25rem}.project-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.topic-tag{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.project-links{display:flex;gap:.75rem}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border-radius:6px;font-size:.85rem;font-weight:500}.project-link:hover{color:#fff;opacity:.9}.project-link.secondary{background:var(--bg-tertiary);color:var(--text-primary)}.loading-state,.error-state{text-align:center;padding:4rem}.spinner{animation:spin 1s linear infinite;color:var(--accent-primary);margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-section{margin-bottom:2rem}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.blog-section{padding:2rem 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}.blog-card{overflow:hidden;padding:0}.blog-image{position:relative;height:200px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-category{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;background:var(--accent-gradient);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600}.blog-content{padding:1.5rem}.blog-meta{display:flex;gap:1rem;margin-bottom:.75rem}.blog-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.blog-title{font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.blog-excerpt{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.blog-footer{display:flex;justify-content:space-between;align-items:center}.blog-stats{display:flex;gap:1rem}.stat-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:color .3s ease}.stat-btn:hover{color:var(--accent-primary)}.read-more{font-weight:600;color:var(--accent-primary)}.blog-post{max-width:800px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--text-secondary)}.back-link:hover{color:var(--accent-primary)}.post-hero{position:relative;height:400px;border-radius:16px;overflow:hidden;margin-bottom:2rem}.post-hero img{width:100%;height:100%;object-fit:cover}.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.post-hero-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff}.post-hero-content h1{font-size:2rem;font-weight:700;margin-top:.75rem}.post-meta{display:flex;gap:1rem;margin-top:1rem;font-size:.9rem;opacity:.9}.post-meta span{display:flex;align-items:center;gap:.5rem}.post-content{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.post-content p{margin-bottom:1.5rem}.post-interactions{padding:1.5rem;background:var(--bg-secondary);border-radius:12px;margin-bottom:2rem}.interaction-buttons{display:flex;gap:1rem}.like-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.comments-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.comments-section h3{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.comment-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.comment-form input,.comment-form textarea{padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--accent-primary)}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment{padding:1rem;background:var(--bg-primary);border-radius:8px}.comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-author{display:flex;align-items:center;gap:.5rem;font-weight:600}.comment-date{font-size:.85rem;color:var(--text-muted)}.comment-text{color:var(--text-secondary)}.timeline-section{padding:2rem 0}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:3px;background:var(--accent-gradient)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;z-index:1}.timeline-item.left .education-card,.timeline-item.right .education-card{width:calc(50% - 40px)}.timeline-item.left .education-card{margin-right:auto}.timeline-item.right .education-card{margin-left:auto}.education-card{position:relative}.current-badge,.honors-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.current-badge{background:#dcfce7;color:#166534}.honors-badge{background:#fef3c7;color:#92400e;margin-left:.5rem}[data-theme=dark] .current-badge{background:#14532d;color:#dcfce7}[data-theme=dark] .honors-badge{background:#78350f;color:#fef3c7}.edu-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.edu-logo{width:60px;height:60px;object-fit:contain;border-radius:8px;background:#fff;padding:8px}.edu-degree{font-size:1.2rem;font-weight:600}.edu-field{color:var(--accent-primary);font-weight:500}.edu-institution{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.75rem}.edu-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-muted)}.edu-meta span{display:flex;align-items:center;gap:.5rem}.edu-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media(max-width:768px){.timeline:before{left:20px}.timeline-marker{left:20px}.timeline-item.left .education-card,.timeline-item.right .education-card{width:calc(100% - 60px);margin-left:60px}}.current-section{margin-bottom:3rem}.current-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.current-card{text-align:center}.current-card h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.current-card .org{color:var(--accent-primary);font-weight:500;margin-bottom:.25rem}.current-card .dept{font-size:.85rem;color:var(--text-muted)}.exp-section{margin-bottom:3rem}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}@media(max-width:500px){.experience-grid{grid-template-columns:1fr}}.experience-card{position:relative}.exp-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.exp-type-badge[data-type=research]{background:#dbeafe;color:#1e40af}.exp-type-badge[data-type=industry]{background:#dcfce7;color:#166534}.exp-type-badge[data-type=academic]{background:#fae8ff;color:#86198f}[data-theme=dark] .exp-type-badge[data-type=research]{background:#1e3a8a;color:#dbeafe}[data-theme=dark] .exp-type-badge[data-type=industry]{background:#14532d;color:#dcfce7}[data-theme=dark] .exp-type-badge[data-type=academic]{background:#701a75;color:#fae8ff}.exp-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.exp-company{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);font-weight:500;margin-bottom:.75rem}.exp-dept{color:var(--text-muted);font-weight:400}.exp-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-muted)}.exp-meta span{display:flex;align-items:center;gap:.5rem}.exp-highlights{list-style:none;padding:0}.exp-highlights li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.exp-highlights li:before{content:"▹";position:absolute;left:0;color:var(--accent-primary)}.not-found{text-align:center;padding:4rem}.not-found h1{font-size:2rem;margin-bottom:2rem}@media(max-width:768px){.page{padding:1rem}.hero-title{font-size:2rem}.page-title{font-size:1.75rem}.publications-grid,.blog-grid,.projects-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column}}