.theme-toggle{position:absolute;right:var(--page-padding);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-nav);color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm)}.theme-toggle:hover{color:var(--color-text-primary);border-color:var(--color-text-muted);transform:scale(1.05)}.navbar{position:sticky;top:0;z-index:100;padding:var(--space-4) var(--page-padding)}.navbar__inner{max-width:var(--max-width-page);margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative}.navbar__avatar{position:absolute;left:0;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--color-border-light);transition:transform var(--transition);flex-shrink:0}.navbar__avatar:hover{transform:scale(1.08)}.navbar__avatar img{width:100%;height:100%;object-fit:cover}.navbar__pill{display:flex;align-items:center;gap:var(--space-1);background:var(--color-bg-nav);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-sm)}.navbar__link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition);white-space:nowrap}.navbar__link:hover{color:var(--color-text-primary);background:var(--color-border-light)}.navbar__link--active{color:var(--color-accent);font-weight:600}.navbar__link--active:hover{color:var(--color-accent-hover);background:transparent}.navbar__inner .theme-toggle{position:absolute;right:0}@media(max-width:768px){.navbar{padding:var(--space-3) var(--page-padding)}.navbar__avatar{width:34px;height:34px}.navbar__pill{padding:var(--space-1) var(--space-2);gap:0}.navbar__link{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.navbar__inner .theme-toggle{width:34px;height:34px;font-size:.95rem}}.footer{margin-top:auto;padding:var(--space-12) var(--page-padding) var(--space-8);border-top:1px solid var(--color-border-light)}.footer__inner{max-width:var(--max-width-page);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.footer__nav{display:flex;align-items:center;gap:var(--space-6)}.footer__link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition)}.footer__link:hover{color:var(--color-text-primary)}.footer__copy{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;white-space:nowrap}@media(max-width:768px){.footer__inner{flex-direction:column;gap:var(--space-6)}.footer__copy{text-align:left}}.home{max-width:var(--max-width-page);margin:0 auto;padding:var(--space-16) var(--page-padding) var(--space-20);display:flex;justify-content:center}.home__content{max-width:640px;width:100%}.home__avatar{width:96px;height:96px;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-10);border:2px solid var(--color-border-light)}.home__avatar img{width:100%;height:100%;object-fit:cover}.home__heading{font-size:var(--text-5xl);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-10);color:var(--color-text-primary)}.home__body{margin-bottom:var(--space-10)}.home__body p{font-size:var(--text-base);line-height:1.8;color:var(--color-text-secondary)}.home__socials{display:flex;align-items:center;gap:var(--space-6)}.home__social-icon{color:var(--color-text-secondary);font-size:1.4rem;transition:color var(--transition),transform var(--transition);display:flex}.home__social-icon:hover{color:var(--color-text-primary);transform:translateY(-2px)}@media(max-width:768px){.home{padding:var(--space-10) var(--page-padding) var(--space-16)}.home__heading{font-size:var(--text-3xl)}}.about{max-width:var(--max-width-page);margin:0 auto;padding:var(--space-16) var(--page-padding) var(--space-12)}.about__grid{display:grid;grid-template-columns:1fr 280px;gap:var(--space-12);align-items:start}.about__text h1{margin-bottom:var(--space-6)}.about__text>p{margin-bottom:var(--space-4)}.about__section-title{margin-top:var(--space-12);margin-bottom:var(--space-6);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.about__timeline{display:flex;flex-direction:column;gap:0;position:relative}.about__timeline-item{display:flex;gap:var(--space-5);position:relative;padding-bottom:var(--space-8)}.about__timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:var(--color-border)}.about__timeline-dot{width:11px;height:11px;min-width:11px;border-radius:var(--radius-full);background:var(--color-accent);margin-top:6px}.about__timeline-content{flex:1}.about__timeline-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-1)}.about__timeline-role{font-weight:600;font-size:var(--text-base);color:var(--color-text-primary)}.about__timeline-date{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.about__timeline-company a{color:var(--color-accent)}.about__timeline-subheader{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4)}.about__timeline-location{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.about__timeline-desc{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.about__skills{display:flex;flex-direction:column;gap:var(--space-6)}.about__skill-group{display:flex;flex-direction:column;gap:var(--space-2)}.about__skill-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.about__skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.about__skill-tag{padding:var(--space-1) var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500;transition:all var(--transition)}.about__skill-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.about__sidebar{display:flex;flex-direction:column;gap:var(--space-8);position:sticky;top:calc(var(--space-16) + 60px)}.about__photo{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1;box-shadow:var(--shadow-md)}.about__photo img{width:100%;height:100%;object-fit:cover}.about__links{display:flex;flex-direction:column;gap:var(--space-4)}.about__link-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition)}.about__link-item:hover{color:var(--color-text-primary)}.about__link-icon{font-size:1.1rem;flex-shrink:0}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:var(--space-8)}.about__sidebar{order:-1;position:static;flex-direction:row;align-items:center}.about__photo{width:100px;height:100px;aspect-ratio:auto}.about__timeline-header{flex-direction:column;gap:0}}.blog{max-width:var(--max-width-page);margin:0 auto;padding:var(--space-16) var(--page-padding) var(--space-12)}.blog__header{margin-bottom:var(--space-10)}.blog__header h1{margin-bottom:var(--space-4)}.blog__search{position:relative;max-width:480px;margin-bottom:var(--space-10)}.blog__search-input{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.blog__search-input::placeholder{color:var(--color-text-muted)}.blog__search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #4fd1c526}.blog__search-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:1rem}.blog__list{max-width:var(--max-width-content)}.blog__post{display:grid;grid-template-columns:160px 1fr;gap:var(--space-8);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-light)}.blog__post:first-child{padding-top:0}.blog__post:last-child{border-bottom:none}.blog__post-date{font-size:var(--text-sm);color:var(--color-text-muted);padding-top:var(--space-1);white-space:nowrap}.blog__post-content{display:flex;flex-direction:column;gap:var(--space-3)}.blog__post-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);line-height:1.4}.blog__post-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.blog__post-link{color:var(--color-accent);font-size:var(--text-sm);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--transition)}.blog__post-link:hover{color:var(--color-accent-hover)}.blog__empty{padding:var(--space-12) 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:768px){.blog{padding:var(--space-10) var(--page-padding) var(--space-10)}.blog__post{grid-template-columns:1fr;gap:var(--space-2)}.blog__search{max-width:100%}}.blogpost{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-16) var(--page-padding) var(--space-12)}.blogpost__meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.blogpost__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:1.1rem;transition:all var(--transition)}.blogpost__back:hover{color:var(--color-text-primary);border-color:var(--color-text-muted);transform:scale(1.05)}.blogpost__divider{width:1px;height:20px;background:var(--color-border)}.blogpost__date{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.blogpost__title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:var(--space-6);color:var(--color-text-primary)}.blogpost__tags{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-12)}.blogpost__tag{font-size:var(--text-sm);font-weight:500;color:var(--color-accent)}.blogpost__body{font-size:var(--text-base);line-height:1.9;color:var(--color-text-primary)}.blogpost__body p{color:var(--color-text-primary);margin-bottom:var(--space-8)}.blogpost__quote{border-left:3px solid var(--color-border);padding-left:var(--space-6);margin-bottom:var(--space-10);font-style:italic;font-size:var(--text-base);line-height:1.9;color:var(--color-text-secondary)}@media(max-width:768px){.blogpost{padding:var(--space-10) var(--page-padding) var(--space-10)}.blogpost__title{font-size:var(--text-2xl)}}.projects{max-width:var(--max-width-page);margin:0 auto;padding:var(--space-16) var(--page-padding) var(--space-12)}.projects__header{margin-bottom:var(--space-12)}.projects__header h1{margin-bottom:var(--space-4)}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow var(--transition),transform var(--transition)}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card__header{display:flex;align-items:center;gap:var(--space-3)}.project-card__emoji{font-size:1.5rem;flex-shrink:0}.project-card__name{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);line-height:1.3}.project-card__year{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.project-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;flex:1}.project-card__tech{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.project-card__tech strong{font-weight:600;color:var(--color-text-secondary)}.project-card__link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-accent);font-weight:500;transition:color var(--transition)}.project-card__link:hover{color:var(--color-accent-hover)}.project-card__link-icon{font-size:.9rem}@media(max-width:1024px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects{padding:var(--space-10) var(--page-padding) var(--space-10)}.projects__grid{grid-template-columns:1fr}}:root{--color-accent: #4FD1C5;--color-accent-hover: #38B2AC;--color-text-primary: #1A202C;--color-text-secondary: #718096;--color-text-muted: #A0AEC0;--color-bg: #FAFAFA;--color-bg-card: #FFFFFF;--color-bg-nav: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #EDF2F7;--gradient-1: rgba(167, 139, 250, .1);--gradient-2: rgba(79, 209, 197, .07);--gradient-3: rgba(129, 140, 248, .07);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width-content: 720px;--max-width-wide: 1100px;--max-width-page: 1000px;--page-padding: var(--space-6);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--transition: .2s ease}[data-theme=dark]{--color-text-primary: #E2E8F0;--color-text-secondary: #A0AEC0;--color-text-muted: #718096;--color-bg: #0F1117;--color-bg-card: #1A1D2E;--color-bg-nav: #1A1D2E;--color-border: #2D3748;--color-border-light: #1E2233;--gradient-1: rgba(167, 139, 250, .06);--gradient-2: rgba(79, 209, 197, .04);--gradient-3: rgba(129, 140, 248, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--color-text-primary);background:var(--color-bg);min-height:100vh;transition:background var(--transition),color var(--transition)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 0% 0%,var(--gradient-1) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,var(--gradient-2) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,var(--gradient-3) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--color-text-primary)}h1{font-size:var(--text-5xl);font-weight:800;letter-spacing:-.025em}h2{font-size:var(--text-2xl);font-weight:700}h3{font-size:var(--text-xl);font-weight:600}p{color:var(--color-text-secondary);line-height:1.8}p+p{margin-top:var(--space-6)}.accent-link{color:var(--color-accent);font-weight:500;transition:color var(--transition);display:inline-flex;align-items:center;gap:var(--space-1)}.accent-link:hover{color:var(--color-accent-hover)}.page-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;line-height:1.7}@media(max-width:768px){:root{--page-padding: var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}}