:root{--color-bg: #f7f6f2;--color-text-main: #1a1a1a;--color-text-muted: #555555;--color-surface: #ffffff;--color-surface-2: rgba(0, 0, 0, .03);--color-border: rgba(0, 0, 0, .1);--color-accent: #008080;--color-surface-alpha: rgba(247, 246, 242, .85);--font-display: "Satoshi", sans-serif;--font-body: "General Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-12: 5rem}html.dark{--color-bg: #0f1117;--color-text-main: #f0f0f0;--color-text-muted: #a0a0a0;--color-surface: #1a1d27;--color-surface-2: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .1);--color-accent: #00d4d4;--color-surface-alpha: rgba(15, 17, 23, .85)}html{scroll-padding-top:60px;scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);transition:background-color .4s ease,color .4s ease;line-height:1.6;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;margin-top:0}a{color:inherit;text-decoration:none}p{color:var(--color-text-muted)}.nav{position:fixed;top:0;left:0;width:100%;height:60px;z-index:100;transition:background-color .4s ease,backdrop-filter .4s ease,border-bottom .4s ease;background-color:transparent;border-bottom:1px solid transparent}.nav.scrolled{background-color:var(--color-surface-alpha);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-container{max-width:900px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-6)}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:28px;color:currentColor}.nav-links{display:flex;gap:var(--space-6)}.nav-link{font-weight:500;font-size:var(--text-sm);color:var(--color-text-main);position:relative;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--color-accent)}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.theme-toggle{background:none;border:none;color:var(--color-text-main);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;transition:color .18s ease}.theme-toggle:hover{color:var(--color-accent)}.theme-toggle svg{width:24px;height:24px}html.dark .icon-moon{display:none!important}html.dark .icon-sun{display:block!important}html:not(.dark) .icon-moon{display:block!important}html:not(.dark) .icon-sun{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4);height:36px;border-radius:4px;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:opacity .2s ease,transform .2s ease;text-decoration:none}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-accent);color:#fff;border:none}html.dark .btn-primary{color:#0f1117}.btn-ghost{background:none;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn .icon-left{margin-right:8px;width:18px;height:18px}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--color-text-main);cursor:pointer;padding:var(--space-1)}.mobile-menu-toggle svg{width:28px;height:28px}.mobile-menu{display:none}@media (max-width: 768px){.nav-container{margin:0;padding:0 var(--space-4);max-width:100%}.nav-links,.btn-primary{display:none}.mobile-menu-toggle{display:block}.mobile-menu{position:fixed;top:60px;left:0;width:100%;height:calc(100dvh - 60px);background-color:var(--color-bg);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);transform:translate(100%);transition:transform .3s ease;z-index:99}.mobile-menu.open{transform:translate(0)}.mobile-links{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-nav-link{font-size:var(--text-base);font-weight:500;font-family:var(--font-body);height:44px;display:flex;align-items:center;border-bottom:1px solid var(--color-surface-2)}}.container{max-width:900px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 768px){.container{padding:0 var(--space-4)}}.section{padding:var(--space-12) 0;border-top:1px solid var(--color-border)}.section-header{margin-bottom:var(--space-4);text-align:left}.section-heading{font-size:var(--text-3xl);color:var(--color-text-main);text-align:left;margin-bottom:0}.section-label{display:block;color:var(--color-accent);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);text-align:left}.hero{padding-top:140px;padding-bottom:60px;position:relative}.hero-content{max-width:800px}.hero-intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.hero-photo{width:160px;height:160px;border-radius:50%;object-fit:cover;background-color:var(--color-surface-2)}:not(.dark) .hero-photo{box-shadow:0 0 0 3px var(--color-border)}.hero-location{display:inline-flex;align-items:center;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.hero-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#10b981;margin-right:6px}.hero-title{margin-bottom:var(--space-2)}.hero-title-1{display:block;font-size:var(--text-4xl);color:var(--color-text-main);line-height:1.1;margin-bottom:var(--space-2)}.hero-title-2{display:block;font-size:var(--text-2xl);color:var(--color-text-muted);font-family:var(--font-body);font-weight:500;margin-bottom:var(--space-2)}.hero-title-3{display:block;font-size:var(--text-xl);color:var(--color-accent);font-family:var(--font-body);font-weight:500}.hero-body{max-width:65ch;font-size:var(--text-lg);margin-bottom:var(--space-6);margin-top:var(--space-6);color:var(--color-text-muted)}.hero-ctas{display:flex;gap:var(--space-4)}@media (max-width: 768px){.hero-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-title-1{font-size:var(--text-3xl)}.hero-title-2{font-size:var(--text-xl)}.hero-title-3{font-size:var(--text-lg)}.hero-body{font-size:var(--text-base);margin-top:var(--space-4)}.hero-ctas{flex-direction:column;width:100%;align-items:flex-start}.hero-ctas .btn{width:100%;height:48px}}.about-grid{display:grid;grid-template-columns:60% 35%;gap:5%;align-items:flex-start}.about-content p{font-size:var(--text-lg);color:var(--color-text-muted);margin-top:0;margin-bottom:var(--space-4);line-height:1.7}.about-stats{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.stat-card{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.stat-card:first-child{padding-top:0}.stat-card:last-child{border-bottom:none}.stat-val{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);color:var(--color-accent);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;line-height:1.4}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:var(--space-8)}}@media (max-width: 480px){.about-stats{grid-template-columns:1fr}}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:6px;width:2px;background-color:var(--color-border)}.timeline-item{position:relative;padding-left:var(--space-8);margin-bottom:var(--space-8)}.timeline-dot{position:absolute;top:6px;left:0;width:14px;height:14px;border-radius:50%;background-color:var(--color-bg);border:2px solid var(--color-accent);z-index:2}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-1)}.timeline-title{font-size:var(--text-2xl);font-family:var(--font-display);font-weight:700;color:var(--color-text-main);margin:0}.timeline-date{font-size:var(--text-sm);font-weight:600;background-color:var(--color-surface-2);padding:4px 12px;border-radius:12px;color:var(--color-text-muted);white-space:nowrap}.timeline-company{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:500;color:var(--color-text-main);margin-bottom:var(--space-4)}.timeline-company svg{color:var(--color-accent);flex-shrink:0}.timeline-company a{color:var(--color-accent);transition:opacity .2s}.timeline-company a:hover{opacity:.8;text-decoration:underline}.timeline-location{font-size:var(--text-base)}.timeline-bullets{list-style:none;padding-left:0;margin-bottom:var(--space-4)}.timeline-bullets li{position:relative;padding-left:var(--space-4);margin-bottom:var(--space-3);color:var(--color-text-muted);line-height:1.6}.timeline-bullets li:before{content:"—";position:absolute;left:0;color:var(--color-accent)}.timeline-bullets strong{color:var(--color-text-main)}.achievement-callout{background-color:var(--color-surface-2);border-left:3px solid var(--color-accent);padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-main);border-radius:0 4px 4px 0}.tech-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge{font-size:var(--text-xs);font-weight:600;padding:4px 10px;background-color:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.experience-hidden{max-height:0;overflow:hidden;transition:max-height .6s ease-in-out,opacity .6s ease-in-out;opacity:0}.experience-hidden.expanded{max-height:2000px;opacity:1}.toggle-experience-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;margin:var(--space-6) auto 0;padding:var(--space-3);background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-main);font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-experience-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (max-width: 600px){.timeline-header{flex-direction:column}.timeline-date{margin-top:var(--space-2)}}.skills-wrapper{max-width:1000px;margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8) var(--space-6)}.skills-group{margin-bottom:0}.skills-group-title{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-pill{display:inline-block;background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:20px;padding:6px 16px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-main);transition:all .18s ease;cursor:default}.skill-pill:hover{border-color:var(--color-accent);transform:scale(1.03)}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.case-card{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-6);display:flex;flex-direction:column}.case-card:nth-child(1){grid-column:1 / -1}.case-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3);color:var(--color-text-main)}.case-challenge{font-size:var(--text-base);color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-4);line-height:1.6}.case-approach-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-main);font-weight:700;margin-bottom:var(--space-2)}.case-approach-list{padding-left:var(--space-4);margin-bottom:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.case-approach-list li{margin-bottom:var(--space-2)}.case-outcome-card{background-color:var(--color-bg);border-left:4px solid var(--color-accent);padding:var(--space-3);border-radius:4px;margin-bottom:var(--space-4);margin-top:auto}.case-outcome-val{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-main)}.case-outcome-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.case-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media (max-width: 900px){.work-grid{grid-template-columns:1fr}.case-card:nth-child(1){grid-column:1}}.speaking-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-8)}.speaking-card{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-4)}.speaking-header{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-text-main);margin-bottom:var(--space-2)}.speaking-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.awards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.award-item{display:flex;align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-3);border-radius:4px}.award-title{font-weight:600;color:var(--color-text-main);font-size:var(--text-sm)}.award-date{color:var(--color-text-muted);font-size:var(--text-xs);margin-left:auto}.certs-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.certs-grid{grid-template-columns:repeat(2,1fr)}}.cert-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px}.cert-icon{width:48px;height:48px;background-color:var(--color-bg);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.cert-name{font-weight:600;color:var(--color-text-main)}.cert-issuer{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.contact-status{display:inline-flex;align-items:center;background-color:var(--color-surface-2);padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-main);margin-bottom:var(--space-6);border:1px solid var(--color-border)}.contact-body{max-width:65ch;font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:1.6}.contact-actions{display:flex;justify-content:flex-start;gap:var(--space-4);flex-wrap:wrap}.btn-icon{display:inline-flex;align-items:center;gap:8px}footer{text-align:center;padding:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm);border-top:1px solid var(--color-border)}