:root{--color-bg: #050816;--color-surface: #080c1a;--color-accent: #3dd6b8;--color-accent-soft: #15303a;--color-text: #f7f7fa;--color-muted: #b2b5c3;--color-border: #2b2f45;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{font-family:var(--font-sans);background:radial-gradient(circle at top,#10152c 0,var(--color-bg) 45%);color:var(--color-text);-webkit-font-smoothing:antialiased}.page{min-height:100vh}.skip-link{position:absolute;left:-999px;top:0;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#050816;border-radius:var(--radius-pill);z-index:20;text-decoration:none;font-size:var(--font-size-sm)}.skip-link:focus,.skip-link:focus-visible{left:var(--space-4);top:var(--space-4)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}a:focus-visible,button:focus-visible{box-shadow:0 0 0 2px #000000b3}.page-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(to bottom,rgba(5,8,22,.95),rgba(5,8,22,.8),transparent);border-bottom:1px solid var(--color-border)}.page-header-inner{max-width:960px;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.logo{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);font-size:var(--font-size-sm);text-decoration:none;color:var(--color-text)}.page-nav{display:flex;gap:var(--space-4);font-size:var(--font-size-sm)}.page-nav a{color:var(--color-muted);text-decoration:none}.page-nav a:hover{color:var(--color-text)}.section{max-width:960px;margin:0 auto;padding:var(--space-12) var(--space-4);scroll-margin-top:5rem}.section+.section{border-top:1px solid rgba(255,255,255,.03)}.section-hero{padding-top:var(--space-16)}.hero-eyebrow{font-size:var(--font-size-sm);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-2)}.hero-title{font-size:var(--font-size-3xl);margin:0 0 var(--space-2)}.hero-tagline{font-size:var(--font-size-lg);color:var(--color-muted);margin:0 0 var(--space-4)}.hero-intro{max-width:40rem;font-size:var(--font-size-base);line-height:1.6;margin:0 0 var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--font-size-sm);text-decoration:none;border:1px solid transparent}.button-primary{background:var(--color-accent);color:#050816}.button-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.hero-highlights{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted)}.hero{display:flex;flex-direction:column;gap:var(--space-8)}.hero-main{flex:1;max-width:36rem}.hero--avatar,.hero--image{align-items:center}.hero-side{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.hero-avatar{width:10rem;height:10rem;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);box-shadow:0 10px 40px #00000059}.hero-image{width:min(24rem,70vw);max-height:16rem;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 14px 48px #00000059}@media(min-width:768px){.hero.hero--avatar,.hero.hero--image{flex-direction:row;align-items:center;gap:var(--space-10)}.hero-main{max-width:40rem}}.timeline h2{margin:0 0 var(--space-4)}.timeline-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4)}.timeline-item{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);border:1px solid var(--color-border)}.timeline-item-header{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;margin-bottom:var(--space-1)}.timeline-item-header h3{margin:0;font-size:var(--font-size-lg)}.timeline-org{font-size:var(--font-size-sm);color:var(--color-muted)}.timeline-meta{font-size:var(--font-size-xs);color:var(--color-muted);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.timeline-summary{font-size:var(--font-size-sm);margin:0 0 var(--space-2)}.timeline-highlights{list-style:disc;padding-left:1.25rem;margin:0;font-size:var(--font-size-sm);color:var(--color-muted)}.section-heading{display:flex;align-items:center;gap:var(--space-2)}.pill{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2);height:1.5rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-muted)}.projects-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--space-4)}.project-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.project-tagline{margin:0 0 var(--space-2);color:var(--color-muted)}.project-summary{margin:0 0 var(--space-2);line-height:1.5}.project-meta{display:flex;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-2)}.project-tech{margin:0 0 var(--space-2);color:var(--color-muted)}.project-links{display:flex;gap:var(--space-2);flex-wrap:wrap}.project-link{color:var(--color-accent);text-decoration:none;font-weight:600}.skills-groups{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.skills-group h3{margin-bottom:var(--space-2)}.skills-group ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.skill-name{font-weight:600}.skill-level,.skill-keywords{color:var(--color-muted);font-size:var(--font-size-sm)}.learning-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.learning-item{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.learning-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.learning-description{margin:0 0 var(--space-2);color:var(--color-muted)}.learning-link{color:var(--color-accent);text-decoration:none}.contact-intro{max-width:38rem;line-height:1.6}.contact-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}@media(max-width:640px){.page-header-inner{flex-direction:column;align-items:flex-start}.page-nav{flex-wrap:wrap;gap:var(--space-2)}.section{padding:var(--space-8) var(--space-4)}.hero-title{font-size:var(--font-size-2xl)}.hero-tagline{font-size:var(--font-size-base)}}:root{font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit}
