*{padding:0;margin:0;box-sizing:border-box}body{font-family:Georgia,Times New Roman,Times,serif;line-height:1.7;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;position:relative;color:#1a1a1a}a{color:#1a5276;text-decoration:none;transition:color .2s ease}a:hover{color:#0d3652}main{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;max-width:800px;margin:120px auto 80px;padding:0 20px;font-family:Georgia,Times New Roman,Times,serif}main .hero-section{display:flex;align-items:flex-start;gap:40px;width:100%}main .hero-avatar{width:180px;min-width:180px}main .hero-avatar img{width:100%;height:auto}main .hero-info{flex:1}main h1{font-size:32px;margin-bottom:8px;color:#1a1a1a;font-weight:700;letter-spacing:-.5px}main .hero-subtitle{font-size:16px;color:#555;margin-bottom:16px;line-height:1.5}main .hero-links{font-size:14px;color:#555}main .hero-links a{margin-right:16px}main p{font-size:16px;margin-bottom:20px;color:#1a1a1a;line-height:1.7}main .typewriter-cursor{display:inline-block;width:2px;height:1em;background-color:#1a1a1a;margin-left:2px;animation:cursorBlink 1s step-end infinite;vertical-align:text-bottom}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}::selection{background-color:#8b000026;color:#1a1a1a}header{padding:0 20px;background-color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid #dddddd;transition:box-shadow .3s ease}header.scrolled{box-shadow:0 1px 4px #00000014}header nav{max-width:900px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center}header nav ul{list-style:none;display:flex;margin:0;padding:0}header nav li{margin:0;display:inline}header nav a{text-decoration:none;color:#555;font-weight:400;font-size:15px;padding:16px 20px;display:inline-block;position:relative;transition:color .2s ease;font-family:Helvetica Neue,Arial,sans-serif;letter-spacing:.3px}header nav a:hover{color:#1a1a1a}header nav a.active{color:#1a1a1a;font-weight:600}header nav a .nav-underline{position:absolute;bottom:12px;left:20px;height:1px;background-color:#8b0000;width:0;transition:width .3s ease}header nav a:hover .nav-underline,header nav a.active .nav-underline{width:var(--text-width, 100%)}footer{height:60px;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border-top:1px solid #dddddd;width:100%;margin-top:auto}footer p{margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:13px;color:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.fade-in-up{animation:fadeInUp .5s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#ccc}::-webkit-scrollbar-thumb:hover{background:#aaa}.back-to-top{position:fixed;bottom:30px;right:30px;width:36px;height:36px;background-color:#fff;color:#1a1a1a;border:1px solid #ddd;border-radius:0;font-size:18px;font-weight:400;cursor:pointer;z-index:1000;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:Helvetica Neue,Arial,sans-serif}.back-to-top:hover{background-color:#f5f5f5;border-color:#aaa}body{transition:opacity .3s ease}#page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:99999;transition:opacity .4s ease}#page-loader .loader-text{font-family:Courier New,Courier,monospace;font-size:16px;color:#1a1a1a;letter-spacing:1px}#page-loader .loader-cursor{display:inline-block;width:8px;height:18px;background-color:#1a1a1a;margin-left:2px;vertical-align:text-bottom;animation:loaderBlink .8s step-end infinite}@keyframes loaderBlink{0%,to{opacity:1}50%{opacity:0}}.menu-toggle{display:none;background:transparent;border:1px solid #ddd;color:#1a1a1a;font-size:20px;padding:6px 10px;cursor:pointer;border-radius:0;transition:background-color .2s ease;font-family:Helvetica Neue,Arial,sans-serif}.menu-toggle:hover{background-color:#f5f5f5}@media(max-width:768px){.menu-toggle{display:block;position:fixed;top:14px;right:16px;z-index:1001}header nav ul{position:fixed;top:0;right:-100%;width:60%;height:100vh;background:#fff;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease;border-left:1px solid #ddd}header nav ul.show{right:0}header nav li{margin:12px 0}}img{transition:none}img:hover{transform:none;filter:none}.container{background-color:transparent;color:#1a1a1a;border-radius:0;padding:0 20px;max-width:800px;width:100%;margin:100px auto 80px;font-family:Georgia,Times New Roman,Times,serif}.container h1{padding:0;margin:24px 0 8px;font-size:24px;font-weight:700;color:#1a1a1a;letter-spacing:-.3px}.container h2{font-size:20px;font-weight:600;margin:20px 0 8px;color:#1a1a1a}.container hr{border:none;border-top:1px solid #dddddd;background:transparent;height:0;margin:12px 0}.column-list{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.column{padding:0;margin:0;font-size:15px;border-bottom:none;line-height:1.7}#profile-pic img{max-width:100%;height:auto}#profile-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:none}.profile-info p{margin:0;line-height:1.2;text-align:left;font-weight:700;font-size:26px;color:#1a1a1a}.container blockquote{margin:8px 0;padding:10px 16px;border-left:3px solid #8B0000;background-color:#f8f8f8;border-radius:0;font-size:15px;line-height:1.7}.container blockquote strong{color:#1a1a1a}.contact-container{margin-top:120px;margin-bottom:80px}.contact-container hr{margin:20px 0}.contact-container .column{margin-bottom:8px;font-size:15px;padding:12px 0;display:flex;align-items:center;border-bottom:1px solid #eeeeee}.contact-container .column:last-child{border-bottom:none}.contact-container .column a{color:#1a5276;text-decoration:none;transition:color .2s ease}.contact-container .column a:hover{color:#0d3652;text-decoration:underline}.icon{width:20px;height:20px;margin-right:12px;opacity:.5;filter:none}.paper-container{margin-top:100px;margin-bottom:80px;min-height:60vh}.paper-card{background-color:transparent;border-radius:0;padding:16px 0;margin-bottom:0;border-left:none;border-bottom:1px solid #eeeeee;transition:none}.paper-card:last-of-type{border-bottom:none}.paper-card:hover{transform:none;box-shadow:none}.paper-card h3{color:#1a1a1a;margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.4;position:relative}.paper-card h3 .title-underline{position:absolute;bottom:-2px;left:0;height:1px;background-color:#8b0000;width:0;transition:width .4s ease}.paper-card:hover h3 .title-underline{width:var(--title-width, 100%)}.paper-card .paper-meta{color:#555;font-size:13px;margin-bottom:6px;font-family:Helvetica Neue,Arial,sans-serif}.paper-card .paper-meta .tag{display:inline-block;padding:1px 6px;border:1px solid #dddddd;font-size:12px;margin-right:6px;color:#555}.paper-card .paper-description{line-height:1.6;margin-bottom:8px;font-size:14px;color:#555}.paper-card .paper-links a{display:inline-block;margin-right:12px;color:#1a5276;text-decoration:none;font-weight:400;font-size:13px;font-family:Helvetica Neue,Arial,sans-serif;transition:color .2s ease}.paper-card .paper-links a:hover{color:#0d3652;text-decoration:underline}.empty-state{text-align:left;padding:30px 0;color:#555}.empty-state h2{font-size:20px;margin-bottom:8px;color:#1a1a1a}.empty-state p{font-size:15px}.research-interests{margin-top:30px;padding:20px 0;border-top:1px solid #dddddd}.research-interests h2{color:#1a1a1a;margin-bottom:12px;font-size:20px}.research-interests ul{text-align:left;line-height:1.8;color:#1a1a1a;padding-left:20px;font-size:15px}.research-interests li{margin-bottom:4px}@media(max-width:768px){.container{width:100%;margin-top:80px;padding:0 16px}.column-list{flex-direction:column;gap:16px}#profile-pic,#profile-info{width:100%!important}#profile-pic{text-align:center;margin-bottom:16px}.contact-container .column{font-size:14px;padding:10px 0}.paper-card h3{font-size:16px}header nav ul{flex-direction:column;align-items:center}header nav li{margin:0}main{margin-top:80px}main .hero-section{flex-direction:column;align-items:center}main .hero-avatar{width:140px;min-width:140px}main h1{font-size:26px}}@media(max-width:480px){.container h1{font-size:20px}.profile-info p{font-size:22px}.contact-container .column{font-size:13px}}
