:root{--color-primary:#0F4C5C;--color-primary-light:#1A6B7C;--color-primary-dark:#0A3540;--color-accent:#FF6B6B;--color-accent-hover:#FF5252;--color-accent-light:#FFE5E5;--color-text:#2D3436;--color-text-light:#636E72;--color-text-muted:#B2BEC3;--color-bg:#FAFAFA;--color-bg-alt:#FFFFFF;--color-bg-dark:#0F4C5C;--color-border:#E0E6E8;--font-heading:'Fraunces', Georgia, serif;--font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', monospace;--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-sm:clamp(0.875rem, 0.8rem + 0.375vw, 1rem);--text-base:clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + 0.625vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--text-5xl:clamp(3rem, 2rem + 5vw, 5rem);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--max-width:1200px;--max-width-narrow:800px;--max-width-wide:1400px;--header-height:80px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}[data-theme=dark]{--color-text:#F5F6F7;--color-text-light:#B2BEC3;--color-text-muted:#636E72;--color-bg:#1A1A2E;--color-bg-alt:#16213E;--color-bg-dark:#0F0F1A;--color-border:#2D3748;--color-primary-light:#2A8A9C}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--color-text);margin-bottom:var(--space-md)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}strong{font-weight:600}code,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--color-border);padding:.2em .4em;border-radius:var(--radius-sm)}pre{background:var(--color-bg-dark);color:#f5f6f7;padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto}pre code{background:0 0;padding:0}blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-lg);margin:var(--space-xl)0;font-style:italic;color:var(--color-text-light)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:var(--max-width-narrow)}.container--wide{max-width:var(--max-width-wide)}.section{padding:var(--space-4xl)0}.section--alt{background-color:var(--color-bg-alt)}.section--dark{background-color:var(--color-bg-dark);color:#fff}.section--dark h2,.section--dark h3{color:#fff}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:rgba(250,250,250,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;transition:transform var(--transition-base),background var(--transition-base)}[data-theme=dark] .header{background:rgba(26,26,46,.95)}.header--hidden{transform:translateY(-100%)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-xl)}.header__logo{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);text-decoration:none}.header__logo:hover{color:var(--color-primary-light)}.nav{display:flex;align-items:center;gap:var(--space-xl)}.nav__link{font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-decoration:none;padding:var(--space-sm)0;position:relative;transition:color var(--transition-fast)}.nav__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base)}.nav__link:hover,.nav__link--active{color:var(--color-primary)}.nav__link:hover::after,.nav__link--active::after{width:100%}.nav__toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--space-sm)}.nav__toggle span{display:block;width:24px;height:2px;background:var(--color-text);margin:5px 0;transition:var(--transition-fast)}@media(max-width:768px){.nav__toggle{display:block}.nav__menu{position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-bg);padding:var(--space-xl);flex-direction:column;gap:var(--space-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition-base);border-bottom:1px solid var(--color-border)}.nav__menu--open{transform:translateY(0);opacity:1;visibility:visible}.nav__link{font-size:var(--text-lg)}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding-top:var(--header-height)}.hero__bg{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero__particles{position:absolute;inset:0;overflow:hidden}.hero__particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.3);border-radius:50%;animation:float 15s infinite}@keyframes float{0%,100%{transform:translateY(100vh)rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100vh)rotate(720deg);opacity:0}}.hero__content{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl)}.hero__content--with-avatar{display:flex;align-items:center;gap:var(--space-4xl)}.hero__text{flex:1}.hero__avatar{flex-shrink:0;opacity:0;animation:fadeInUp .6s ease .5s forwards}.hero__avatar-img{width:280px;height:280px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.3)}@media(max-width:900px){.hero__content--with-avatar{flex-direction:column-reverse;text-align:center;gap:var(--space-2xl)}.hero__avatar-img{width:200px;height:200px}.hero__cta{justify-content:center}}.hero__eyebrow{font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-md);opacity:0;animation:fadeInUp .6s ease forwards}.hero__title{font-size:var(--text-5xl);font-weight:700;margin-bottom:var(--space-lg);color:#fff;opacity:0;animation:fadeInUp .6s ease .1s forwards}.hero__subtitle{font-size:var(--text-2xl);font-weight:300;color:rgba(255,255,255,.9);margin-bottom:var(--space-xl);max-width:600px;opacity:0;animation:fadeInUp .6s ease .2s forwards}.hero__description{font-size:var(--text-lg);color:rgba(255,255,255,.8);max-width:600px;margin-bottom:var(--space-2xl);opacity:0;animation:fadeInUp .6s ease .3s forwards}.hero__cta{display:flex;gap:var(--space-md);flex-wrap:wrap;opacity:0;animation:fadeInUp .6s ease .4s forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--secondary{background:0 0;color:#fff;border-color:rgba(255,255,255,.5)}.btn--secondary:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}.btn--outline{background:0 0;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:#fff}.impact{padding:var(--space-4xl)0;background:var(--color-bg-alt)}.impact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.impact__stat{text-align:center;padding:var(--space-xl)}.impact__number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-sm)}.impact__label{font-size:var(--text-sm);color:var(--color-text-light);font-weight:500}.impact__context{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header__eyebrow{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-sm)}.section-header__title{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.section-header__subtitle{font-size:var(--text-lg);color:var(--color-text-light);max-width:600px;margin:0 auto}.card{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__eyebrow{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-sm)}.card__title{font-size:var(--text-xl);margin-bottom:var(--space-md)}.card__title a{color:var(--color-text);text-decoration:none}.card__title a:hover{color:var(--color-primary)}.card__description{color:var(--color-text-light);margin-bottom:var(--space-lg)}.card__meta{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted)}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}.work-card{position:relative;background:var(--color-bg-alt);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.work-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.work-card__image{aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center}.work-card__image img{width:100%;height:100%;object-fit:cover}.work-card__icon{font-size:3rem;opacity:.3}.work-card__content{padding:var(--space-xl)}.work-card__tag{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background:var(--color-accent-light);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.work-card__title{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.work-card__description{color:var(--color-text-light);font-size:var(--text-sm)}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl)}.pillar{text-align:center;padding:var(--space-xl)}.pillar__icon{width:64px;height:64px;margin:0 auto var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff}.pillar__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm)}.pillar__description{font-size:var(--text-sm);color:var(--color-text-light)}.timeline{position:relative;max-width:var(--max-width-narrow);margin:0 auto}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border)}@media(min-width:768px){.timeline::before{left:50%;transform:translateX(-50%)}}.timeline__item{position:relative;padding-left:var(--space-3xl);padding-bottom:var(--space-3xl)}@media(min-width:768px){.timeline__item{width:50%;padding-left:0;padding-right:var(--space-3xl)}.timeline__item:nth-child(even){margin-left:50%;padding-left:var(--space-3xl);padding-right:0}}.timeline__marker{position:absolute;left:-6px;top:0;width:14px;height:14px;background:var(--color-accent);border:3px solid var(--color-bg);border-radius:50%;z-index:1}@media(min-width:768px){.timeline__marker{left:auto;right:-7px}.timeline__item:nth-child(even) .timeline__marker{left:-7px;right:auto}}.timeline__date{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);margin-bottom:var(--space-sm)}.timeline__title{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.timeline__company{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.timeline__content{background:var(--color-bg-alt);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.timeline__accomplishments{list-style:none;font-size:var(--text-sm);color:var(--color-text-light)}.timeline__accomplishments li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm)}.timeline__accomplishments li::before{content:'→';position:absolute;left:0;color:var(--color-accent)}.pub-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-2xl);justify-content:center}.pub-filter{padding:var(--space-sm)var(--space-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-text-light);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.pub-filter:hover,.pub-filter--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pub-list{display:flex;flex-direction:column;gap:var(--space-lg)}.pub-item{display:flex;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:border-color var(--transition-fast)}.pub-item:hover{border-color:var(--color-primary-light)}.pub-item__year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);min-width:60px}.pub-item__content{flex:1}.pub-item__title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.pub-item__title a{color:var(--color-text)}.pub-item__title a:hover{color:var(--color-primary)}.pub-item__authors{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-xs)}.pub-item__venue{font-size:var(--text-sm);font-style:italic;color:var(--color-text-muted)}.pub-item__tags{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.pub-tag{font-size:var(--text-xs);padding:2px 8px;background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-sm)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl)}.blog-card{background:var(--color-bg-alt);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card__image{aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.blog-card__image img{width:100%;height:100%;object-fit:cover}.blog-card__content{padding:var(--space-xl)}.blog-card__meta{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.blog-card__title{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.blog-card__title a{color:var(--color-text);text-decoration:none}.blog-card__title a:hover{color:var(--color-primary)}.blog-card__excerpt{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-md)}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.skill-category{background:var(--color-bg-alt);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.skill-category__title{font-size:var(--text-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.skill-item{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.skill-item__icon{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.skill-item__info{flex:1}.skill-item__name{font-weight:600;margin-bottom:var(--space-xs)}.skill-item__bar{height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.skill-item__progress{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-full);transition:width 1s ease}.footer{background:var(--color-bg-dark);color:rgba(255,255,255,.8);padding:var(--space-4xl)0 var(--space-2xl)}.footer__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.footer__brand{max-width:300px}.footer__logo{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:#fff;margin-bottom:var(--space-md)}.footer__tagline{font-size:var(--text-sm);color:rgba(255,255,255,.6)}.footer__title{font-size:var(--text-base);font-weight:600;color:#fff;margin-bottom:var(--space-lg)}.footer__links{list-style:none}.footer__links li{margin-bottom:var(--space-sm)}.footer__links a{font-size:var(--text-sm);color:rgba(255,255,255,.7);text-decoration:none;transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-accent)}.footer__social{display:flex;gap:var(--space-md)}.footer__social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;transition:background var(--transition-fast),transform var(--transition-fast)}.footer__social a:hover{background:var(--color-accent);transform:translateY(-2px)}.footer__bottom{padding-top:var(--space-2xl);border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:var(--text-sm);color:rgba(255,255,255,.5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-md)}.mt-2{margin-top:var(--space-xl)}.mt-3{margin-top:var(--space-2xl)}.mt-4{margin-top:var(--space-3xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-md)}.mb-2{margin-bottom:var(--space-xl)}.mb-3{margin-bottom:var(--space-2xl)}.mb-4{margin-bottom:var(--space-3xl)}.hidden{display:none}@media(max-width:768px){.hide-mobile{display:none}}@media(min-width:769px){.hide-desktop{display:none}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.stagger-children.is-visible>*:nth-child(1){transition-delay:.1s}.stagger-children.is-visible>*:nth-child(2){transition-delay:.2s}.stagger-children.is-visible>*:nth-child(3){transition-delay:.3s}.stagger-children.is-visible>*:nth-child(4){transition-delay:.4s}.stagger-children.is-visible>*{opacity:1;transform:translateY(0)}