*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #3a3845;--color-secondary: #706d7a;--color-accent: #8b6bb1;--color-background: #fcfbfd;--color-surface: #f5f3f9;--color-border: #ebe8f2;--color-background-transparent: rgba(252, 251, 253, .95);--font-sans: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--max-width: 1200px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:400;line-height:1.6;color:var(--color-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--color-secondary)}a{color:var(--color-accent);text-decoration:none;transition:var(--transition)}a:hover{opacity:.8}button{font-family:var(--font-sans);font-size:1rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-primary);border-radius:4px;cursor:pointer;transition:var(--transition)}button:hover{background-color:var(--color-surface);transform:translateY(-1px)}button:active{transform:translateY(0)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-md)}}.header{position:fixed;top:0;left:0;right:0;background-color:var(--color-background-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;transition:var(--transition)}.nav{display:flex;justify-content:space-between;align-items:center;height:56px}.logo{font-size:1.25rem;font-weight:600;color:var(--color-secondary);letter-spacing:.05em;transition:var(--transition);display:flex;align-items:center}.logo:hover{color:var(--color-primary)}.nav-links{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-links a{color:var(--color-secondary);font-weight:500;position:relative;transition:var(--transition)}.nav-links a:hover{color:var(--color-primary);opacity:1}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width .3s ease}.nav-links a:hover:after{width:100%}@media(max-width:640px){.nav{height:48px}.nav-links{gap:var(--spacing-md)}.nav-links a{font-size:.875rem}}.footer{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);background-color:var(--color-background-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;transition:var(--transition)}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.footer-section h4{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;margin:0;margin-right:var(--spacing-sm);color:var(--color-secondary);display:inline-block}.social-links{display:inline-flex;gap:var(--spacing-sm)}.social-links a{color:var(--color-secondary);font-size:.75rem;font-weight:500;transition:var(--transition)}.social-links a:hover{color:var(--color-accent);opacity:1}.copyright{font-size:.75rem;color:var(--color-secondary);margin:0}@media(max-width:640px){.footer{padding:var(--spacing-xs) 0}.footer-content{gap:var(--spacing-sm)}.social-links a,.copyright{font-size:.625rem}.footer-section h4{font-size:.5rem}}.layout{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding-top:56px;padding-bottom:60px}@media(max-width:640px){.main{padding-top:48px;padding-bottom:50px}}.home{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center}.hero-centered{text-align:center;padding:var(--spacing-xl) 0}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.hero-subtitle{font-size:1rem;font-weight:400;letter-spacing:.15em;color:var(--color-secondary);opacity:.9;margin:0 auto var(--spacing-md)}.hero-link{color:var(--color-secondary);text-decoration:none;transition:color .2s ease,opacity .2s ease;display:inline-flex;align-items:center;gap:.35em;position:relative}.hero-link:hover{color:var(--color-primary);opacity:1}.hero-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width .3s ease}.hero-link:hover:after{width:100%}.hero-separator{color:var(--color-secondary);opacity:.5}.empty-icon{display:inline-block;width:16px;height:16px}.hero-description{font-size:1.125rem;color:var(--color-secondary);max-width:700px;margin:0 auto;line-height:1.6}.description-table{margin:0 auto;border-collapse:collapse;border:none}.description-table td{padding:0;border:none;vertical-align:baseline}.description-table tr:last-child td{padding-top:.5rem}.description-left{text-align:right;padding-right:.5rem}.description-right{text-align:left}.mark-container{position:relative;display:inline-block;min-width:85px;height:1.2em;vertical-align:baseline;margin:0 .3em;overflow:hidden}.cycling-mark{position:absolute;left:50%;transform:translate(-50%) translateY(20px);font-style:italic;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1);white-space:nowrap}.cycling-mark.active{opacity:1;transform:translate(-50%) translateY(0)}.cycling-mark:not(.active){transform:translate(-50%) translateY(-20px);filter:blur(2px);transition:all .8s cubic-bezier(.23,1,.32,1)}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:.875rem;letter-spacing:.1em}.hero-description{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-in{animation:slideIn .6s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}[data-animate]{opacity:0}[data-animate].in-view{opacity:1}.about-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - 200px)}.about-page h1{font-size:2.5rem;margin-bottom:var(--spacing-lg);font-weight:700}.intro{margin-bottom:var(--spacing-xl)}.intro p{font-size:1.25rem;line-height:1.8;color:var(--color-secondary)}.highlight-card{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:4px;margin-bottom:var(--spacing-xl)}.highlight-card h2{font-size:1.5rem;margin-bottom:var(--spacing-xs);font-weight:600}.highlight-card .institution{font-size:1rem;color:var(--color-accent);margin-bottom:var(--spacing-md);font-weight:500}.highlight-card p{font-size:1rem;line-height:1.7;color:var(--color-secondary)}.experience-block{margin-bottom:var(--spacing-xl)}.experience-block h2{font-size:1.25rem;margin-bottom:var(--spacing-md);font-weight:600;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em}.experience-content{padding-left:var(--spacing-md);border-left:1px solid var(--color-border)}.current-role{margin-bottom:var(--spacing-lg)}.current-role h3{font-size:1.25rem;margin-bottom:var(--spacing-xs);color:var(--color-primary)}.current-role .role{font-size:.875rem;color:var(--color-accent);margin-bottom:var(--spacing-sm);font-weight:500}.current-role p{font-size:1rem;line-height:1.7;color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.company-link{font-size:.875rem;font-weight:500;color:var(--color-accent)}.company-link:hover{text-decoration:underline}.past-roles-summary{font-size:.95rem;line-height:1.7;color:var(--color-secondary);opacity:.8}.experience-content>p{font-size:1rem;line-height:1.7;color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.education-list{list-style:disc;padding-left:var(--spacing-md);margin:0}.education-list li{font-size:1rem;line-height:1.7;color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.education-list strong{color:var(--color-primary);font-weight:500}.degree-note{font-size:.85rem;color:var(--color-secondary);opacity:.7;font-style:italic}@media(max-width:768px){.about-page h1{font-size:2rem}.intro p{font-size:1.125rem}.highlight-card{padding:var(--spacing-md)}.highlight-card h2{font-size:1.25rem}}.article-card{background:var(--color-surface);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.article-card-link{display:block;padding:var(--spacing-lg);text-decoration:none;color:inherit}.article-card-title{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);transition:color .2s ease}.article-card:hover .article-card-title{color:var(--color-accent)}.article-card--unpublished{border:1px dashed var(--color-border);opacity:.85}.unpublished-badge{display:inline-block;margin-left:var(--spacing-sm);padding:2px 6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#e67e22;border-radius:3px;vertical-align:middle}.article-card--error{border:2px solid #e74c3c;opacity:.9}.error-badge{display:inline-block;margin-left:var(--spacing-sm);padding:2px 6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#e74c3c;border-radius:3px;vertical-align:middle;cursor:help}.article-card-description{font-size:.95rem;color:var(--color-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.article-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);font-size:.85rem;color:var(--color-secondary)}.article-card-meta time{opacity:.8}.article-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-block;padding:2px 8px;background:var(--color-border);border-radius:4px;font-size:.75rem;color:var(--color-secondary)}@media(max-width:768px){.article-card-link{padding:var(--spacing-md)}.article-card-title{font-size:1.125rem}.article-card-description{font-size:.9rem}}.section-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - 200px)}.section-page h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.section-intro{margin-bottom:var(--spacing-lg)}.section-intro p{font-size:1.125rem;color:var(--color-secondary);line-height:1.6}.section-content{margin-top:var(--spacing-lg)}.section-content p{color:var(--color-secondary)}@media(max-width:768px){.section-page h1{font-size:2rem}.section-intro p{font-size:1rem}}.article-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.no-articles{color:var(--color-secondary);font-style:italic}.breadcrumb{margin-bottom:var(--spacing-lg)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:var(--spacing-xs)}.breadcrumb li{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.breadcrumb a{color:var(--color-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb span[aria-current=page]{color:var(--color-primary);font-weight:500}.breadcrumb-separator{color:var(--color-secondary);opacity:.5;flex-shrink:0}@media(max-width:640px){.breadcrumb li{font-size:.85rem}}.article-page{padding:var(--spacing-xl) 0;min-height:calc(100vh - 200px)}.article-header{margin-bottom:var(--spacing-xl)}.article-header h1{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.02em;line-height:1.2}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);color:var(--color-secondary);font-size:.95rem}.article-meta time{opacity:.8}.article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.article-content{margin-top:var(--spacing-lg);text-align:justify}.article-content pre{background-color:var(--color-code-bg, #f6f8fa);border:1px solid var(--color-border, #e1e4e8);border-radius:6px;padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-md) auto;max-width:clamp(300px,80%,900px)}.article-content mjx-container[jax=CHTML][display=true]{margin:var(--spacing-md) auto;max-width:clamp(300px,80%,900px);overflow-x:auto}.article-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.article-content :not(pre)>code{background-color:var(--color-code-bg, #f6f8fa);padding:.2em .4em;border-radius:3px}.article-content table{border-collapse:collapse;margin:var(--spacing-lg) auto;width:auto}.article-content th,.article-content td{border:1px solid var(--color-border, #ddd);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.article-content th{background-color:var(--color-surface, #f5f5f5);font-weight:600}.article-content tbody tr:hover{background-color:var(--color-surface-hover, #fafafa)}.tikz-diagram{margin:var(--spacing-lg) 0;text-align:center}.tikz-diagram img{max-width:100%;height:auto}@media(max-width:768px){.article-header h1{font-size:1.75rem}.article-meta{font-size:.9rem}}