:root,[data-theme=light]{--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;--color-surface-offset:#f3f0ec;--color-surface-offset-2:#edeae5;--color-divider:#dcd9d5;--color-border:#d4d1ca;--color-text:#28251d;--color-text-muted:#989ea1;--color-text-faint:#bab9b4;--color-primary:#1174c5;--color-primary-hover:#0c85c1;--color-primary-highlight:#cedcd8;--shadow-sm:0 1px 2px oklch(20% 0.01 80deg / 6%);--shadow-md:0 4px 12px oklch(20% 0.01 80deg / 8%);--shadow-lg:0 12px 32px oklch(20% 0.01 80deg / 12%)}[data-theme=dark]{--color-bg:#0f1117;--color-surface:#151820;--color-surface-2:#1c202a;--color-surface-offset:#1a1e27;--color-surface-offset-2:#222635;--color-divider:#252933;--color-border:#2e3240;--color-text:#e2e4ec;--color-text-muted:#8890a4;--color-text-faint:#4e5568;--color-primary:#1291da;--color-primary-hover:rgb(20 164 196);--color-primary-highlight:#1c3540;--shadow-sm:0 1px 2px oklch(0% 0 0deg / 30%);--shadow-md:0 4px 12px oklch(0% 0 0deg / 40%);--shadow-lg:0 12px 32px oklch(0% 0 0deg / 50%)}:root{--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-sm:clamp(0.875rem, 0.8rem + 0.35vw, 1rem);--text-base:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + 0.75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl:clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero:clamp(3rem, 0.5rem + 7vw, 8rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-interactive:180ms cubic-bezier(0.16, 1, 0.3, 1);--font-display:'Instrument Serif',georgia,serif;--font-body:'Plus Jakarta Sans','Helvetica Neue',sans-serif;--content-narrow:640px;--content-default:960px;--content-wide:1200px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);transition:background var(--transition-interactive),color var(--transition-interactive)}img{display:block;max-width:100%;height:auto}ul[role=list]{list-style:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{text-wrap:balance;line-height:1.15}li,p{text-wrap:pretty}::selection{background:oklch(from var(--color-primary) l c h / 25%);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}button{cursor:pointer;background:0 0;border:none}a{transition:color var(--transition-interactive)}nav{position:sticky;top:0;z-index:100;background:color-mix(in oklch,var(--color-bg) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;transition:background var(--transition-interactive)}.nav-inner{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:400}.nav-logo svg{flex-shrink:0}.nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.nav-links a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;font-weight:500;letter-spacing:.01em}.nav-links a:hover{color:var(--color-primary)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);transition:color var(--transition-interactive),border-color var(--transition-interactive)}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.hero{min-height:90vh;display:flex;align-items:center;padding:clamp(var(--space-16),10vw,var(--space-24)) 0;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 50%,color-mix(in oklch,var(--color-primary) 8%,transparent),transparent);pointer-events:none}.hero-inner{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6);display:grid;grid-template-columns:1fr 380px;gap:var(--space-16);align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-6)}.hero-eyebrow-dot{width:6px;height:6px;background:var(--color-primary);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:1.1;margin-bottom:var(--space-6);color:var(--color-text)}.hero h1 em{font-style:italic;color:var(--color-primary)}.hero-description{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;max-width:58ch;margin-bottom:var(--space-8)}.hero-cta-group{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:#fff;text-decoration:none;font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:none;transition:background var(--transition-interactive),transform var(--transition-interactive),box-shadow var(--transition-interactive)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-border);transition:color var(--transition-interactive),border-color var(--transition-interactive)}.btn-ghost:hover{color:var(--color-primary);border-color:var(--color-primary)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-10)}.hero-stat{padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.hero-stat-number{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);line-height:1;margin-bottom:var(--space-1)}.hero-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.hero-avatar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);text-align:center;position:relative}.avatar-ring{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),color-mix(in oklch,var(--color-primary) 50%,var(--color-surface)));margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-2xl);color:#fff;font-weight:400}.avatar-name{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2)}.avatar-role{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.avatar-location{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);font-weight:500;letter-spacing:.04em;text-transform:uppercase;background:var(--color-surface-offset);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.social-links{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive),border-color var(--transition-interactive),background var(--transition-interactive)}.social-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-highlight)}.section{padding:clamp(var(--space-12),8vw,var(--space-24)) 0}.section-inner{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6)}.section-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;line-height:1.15;margin-bottom:var(--space-4)}.section-divider{border:none;border-top:1px solid var(--color-divider);margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.about-quote{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;line-height:1.4;color:var(--color-text-muted);border-left:3px solid var(--color-primary);padding-left:var(--space-6);margin:var(--space-8) 0}.about-body{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.75}.about-body+.about-body{margin-top:var(--space-4)}.interests-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.interest-chip{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted)}.skills-bg{background:var(--color-surface)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}.skill-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:box-shadow var(--transition-interactive),transform var(--transition-interactive)}.skill-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.skill-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-highlight);border-radius:var(--radius-lg);color:var(--color-primary);margin-bottom:var(--space-5)}.skill-title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-3)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);padding:2px var(--space-3);border-radius:var(--radius-full);font-weight:500}.experience-list{margin-top:var(--space-10);display:flex;flex-direction:column;gap:var(--space-2)}.experience-item{display:grid;grid-template-columns:200px 1fr;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid transparent;transition:border-color var(--transition-interactive),background var(--transition-interactive);position:relative}.experience-item:hover{border-color:var(--color-border);background:var(--color-surface)}.exp-period{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-3)}.exp-company{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2);text-decoration:none}.exp-company:hover{color:var(--color-primary-hover)}.exp-location{font-size:var(--text-xs);color:var(--color-text-faint)}.exp-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3);line-height:1.25}.exp-description{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;max-width:65ch;margin-bottom:var(--space-4)}.exp-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.exp-tag{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-highlight);padding:2px var(--space-3);border-radius:var(--radius-full);font-weight:600}.exp-connector{position:absolute;left:199px;top:var(--space-10);bottom:calc(-1 * var(--space-2));width:1px;background:var(--color-divider);pointer-events:none}.experience-item:last-child .exp-connector{display:none}.projects-bg{background:var(--color-surface)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-10)}.project-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:box-shadow var(--transition-interactive),transform var(--transition-interactive)}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.project-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-highlight);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-5)}.project-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;margin-bottom:var(--space-3);line-height:1.2}.project-desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-5);max-width:50ch}.project-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-tech{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-offset);padding:2px var(--space-3);border-radius:var(--radius-full);font-weight:500}.edu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-10)}.edu-card{padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.edu-degree{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;margin-bottom:var(--space-2)}.edu-school{font-size:var(--text-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-2)}.edu-meta{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;margin-top:var(--space-10)}.contact-links{display:flex;flex-direction:column;gap:var(--space-4)}.contact-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:border-color var(--transition-interactive),background var(--transition-interactive),transform var(--transition-interactive)}.contact-link:hover{border-color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 5%,var(--color-surface));transform:translateX(4px)}.contact-link-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-highlight);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.contact-link-label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:var(--space-1)}.contact-link-value{font-size:var(--text-sm);font-weight:600}footer{border-top:1px solid var(--color-divider);padding:var(--space-8) 0}.footer-inner{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.footer-copy{font-size:var(--text-xs);color:var(--color-text-faint)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{font-size:var(--text-xs);color:var(--color-text-faint);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}@media (width <= 900px){.hero-inner{grid-template-columns:1fr}.hero-avatar-card{max-width:400px;margin-top:var(--space-8)}.about-grid,.contact-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.edu-grid,.projects-grid{grid-template-columns:1fr}.nav-links{display:none}.experience-item{grid-template-columns:1fr;gap:var(--space-3)}.exp-connector{display:none}}@media (width <= 600px){.skills-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column;text-align:center}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16, 1, .3, 1),transform .6s cubic-bezier(.16, 1, .3, 1)}.reveal.visible{opacity:1;transform:none}