@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-outer:#f4f4f5;--bg-inner:#fff;--text:#27272a;--text-heading:#18181b;--muted:#71717a;--border:#e4e4e7;--brand:#14b8a6;--brand-light:#2dd4bf;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--container-width:1024px;--header-height:88px;--radius-xl:24px;--radius-lg:16px;--radius-md:8px}.theme-dark{--bg-outer:#09090b;--bg-inner:#18181b;--text:#d4d4d8;--text-heading:#f4f4f5;--muted:#a1a1aa;--border:#27272a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-sans);background-color:var(--bg-outer);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.65;transition:background-color .3s,color .3s;overflow-x:hidden}.page-outer-wrapper{background-color:var(--bg-outer);width:100%;min-height:100vh}.page-inner-sheet{background-color:var(--bg-inner);max-width:var(--container-width);min-height:100vh;box-shadow:0 0 0 1px var(--border);flex-direction:column;margin:0 auto;padding:0 24px;transition:background-color .3s,box-shadow .3s;display:flex;position:relative}.container{width:100%;max-width:900px;margin:0 auto;padding:0 16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-heading);font-weight:700;line-height:1.25}section{padding:80px 0 40px}.section-header{margin-bottom:32px}.section-title{color:var(--text-heading);letter-spacing:-.02em;font-size:clamp(26px,5vw,32px);font-weight:800}.section-subtitle{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.6}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font-sans);border:0;justify-content:center;align-items:center;gap:8px;padding:10px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#f4f4f5;background:#27272a}.theme-dark .btn-primary{color:#18181b;background:#f4f4f5}.btn-primary:hover{background:#18181b}.theme-dark .btn-primary:hover{background:#fff}.btn-secondary{color:#27272a;background:#f4f4f5;border:1px solid #e4e4e7}.theme-dark .btn-secondary{color:#d4d4d8;background:#27272a;border-color:#3f3f46}.btn-secondary:hover{background:#e4e4e7}.theme-dark .btn-secondary:hover{background:#3f3f46}.scroll-top-btn{z-index:999;background:var(--bg-inner);border:1px solid var(--border);width:40px;height:40px;color:var(--text-heading);cursor:pointer;opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0000000d}.scroll-top-btn.show{opacity:1;visibility:visible}.scroll-top-btn:hover{border-color:var(--text-heading)}.skip-link{background:var(--brand);color:#fff;z-index:9999;padding:10px 20px;font-weight:600;transition:top .2s;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}@media (width>=1024px){.page-inner-sheet{padding:0 48px}}.header{width:100%;height:var(--header-height);z-index:1000;background:var(--bg-inner);align-items:center;transition:all .3s;display:flex;position:sticky;top:0}.header-container-wrapper{justify-content:space-between;align-items:center;width:100%;height:100%;padding:16px 0;display:flex}.header-logo-link{flex-shrink:0;align-items:center;display:flex}.header-avatar-img{object-fit:cover;border:1px solid var(--border);background:var(--bg-inner);border-radius:50%;width:40px;height:40px;padding:2px;transition:transform .2s,border-color .2s;box-shadow:0 1px 3px #0000000d}.header-logo-link:hover .header-avatar-img{border-color:var(--brand);transform:scale(1.05)}.desktop-nav-pill{display:none}@media (width>=768px){.desktop-nav-pill{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);background:#ffffffd9;border-radius:9999px;padding:0 12px;transition:background-color .3s,border-color .3s;display:block;box-shadow:0 1px 3px #00000005,0 8px 24px #00000005}.theme-dark .desktop-nav-pill{background:#27272ad9}}.nav-pill-list{align-items:center;list-style:none;display:flex}.nav-pill-item{position:relative}.nav-pill-link{color:var(--text);padding:10px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s;display:block}.nav-pill-link:hover,.nav-pill-link.active{color:var(--brand);opacity:1}.active-dot{background-color:var(--brand);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.theme-toggle-btn,.mobile-toggle-btn{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);width:38px;height:38px;color:var(--text-heading);cursor:pointer;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.theme-dark .theme-toggle-btn,.theme-dark .mobile-toggle-btn{color:var(--text-heading);background:#27272ad9}.theme-toggle-btn:hover,.mobile-toggle-btn:hover{border-color:var(--brand);color:var(--brand)}.mobile-toggle-btn{display:flex}@media (width>=768px){.mobile-toggle-btn{display:none}}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:1001;opacity:0;visibility:hidden;background:#00000026;transition:all .25s;position:fixed;inset:0}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{background:var(--bg-inner);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1002;opacity:0;visibility:hidden;flex-direction:column;gap:20px;width:calc(100% - 32px);max-width:320px;padding:24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:16px;right:16px;transform:scale(.95);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.mobile-drawer.open{opacity:1;visibility:visible;transform:scale(1)}.drawer-header{justify-content:space-between;align-items:center;display:flex}.drawer-header .logo-text{letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:700}.close-btn{color:var(--text-heading);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.close-btn:hover{color:var(--brand)}.mobile-nav ul{flex-direction:column;gap:8px;list-style:none;display:flex}.mobile-nav a{color:var(--text);border-bottom:1px solid var(--border);padding:8px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;display:block}.mobile-nav li:last-child a{border-bottom:0}.mobile-nav a:hover,.mobile-nav a.active{color:var(--brand)}.hero-section{padding-top:40px;padding-bottom:40px}.hero-grid{grid-template-columns:1fr;align-items:flex-start;gap:48px;display:grid}.hero-intro-col{flex-direction:column;display:flex}.hero-headline{color:var(--text-heading);letter-spacing:-.025em;margin-bottom:24px;font-size:clamp(32px,5.5vw,44px);font-weight:800;line-height:1.15}.hero-paragraph{color:var(--text);margin-bottom:20px;font-size:15px;line-height:1.7}.hero-portrait-col{flex-direction:column;align-items:center;width:100%;display:flex}.portrait-image-wrapper{justify-content:center;width:100%;max-width:280px;display:flex}.hero-avatar-spotlight{aspect-ratio:1;border-radius:var(--radius-xl);object-fit:cover;background:var(--bg-inner);width:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;transform:rotate(3deg);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d}.hero-avatar-spotlight:hover{transform:rotate(0)scale(1.02);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.portrait-social-block{flex-direction:column;align-items:center;width:100%;max-width:280px;margin-top:32px;display:flex}.social-connect-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:12.5px;font-weight:600}.social-connect-links{align-items:center;gap:20px;margin-bottom:24px;display:flex}.social-icon-btn{color:var(--muted);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.social-icon-btn:hover{color:var(--brand);opacity:1;transform:translateY(-2px)}.portrait-actions-stack{flex-direction:column;gap:10px;width:100%;display:flex}.action-stack-btn{width:100%}@media (width>=768px){.hero-grid{grid-template-columns:1.15fr .85fr;gap:64px}.hero-portrait-col{align-items:flex-end}.portrait-social-block{align-items:flex-start}.social-connect-label{align-self:flex-start}.portrait-image-wrapper{justify-content:flex-end}}.about-section{padding-top:40px;padding-bottom:40px}.about-grid-layout{grid-template-columns:1fr;align-items:flex-start;gap:48px;display:grid}.about-narrative-col{flex-direction:column;display:flex}.about-lead-text{color:var(--text-heading);letter-spacing:-.01em;margin-bottom:18px;font-size:18px;font-weight:600;line-height:1.5}.about-body-text{color:var(--text);margin-bottom:16px;font-size:14.5px;line-height:1.7}.about-body-text.muted-p{color:var(--muted)}.about-awards-col{flex-direction:column;width:100%;display:flex}.awards-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:11px;font-weight:700;display:block}.awards-stack{flex-direction:column;gap:12px;display:flex}.award-card-spotlight{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-inner);align-items:center;gap:16px;padding:16px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.award-card-spotlight:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #14b8a608}.award-icon-box{width:36px;height:36px;color:var(--brand);background:#14b8a60f;border:1px solid #14b8a61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.award-details{flex-direction:column;gap:2px;display:flex}.award-title{color:var(--text-heading);font-size:14px;font-weight:600}.award-issuer{color:var(--muted);font-size:12px;font-weight:500}@media (width>=768px){.about-grid-layout{grid-template-columns:1.15fr .85fr;gap:64px}}.experience-section{padding-top:40px;padding-bottom:40px}.experience-grid-layout{grid-template-columns:1fr;align-items:flex-start;gap:48px;display:grid}.experience-info-col{flex-direction:column;display:flex}.experience-lead-text{color:var(--text-heading);letter-spacing:-.01em;margin-bottom:18px;font-size:18px;font-weight:600;line-height:1.5}.experience-body-text{color:var(--text);margin-bottom:16px;font-size:14.5px;line-height:1.7}.experience-body-text.muted-p{color:var(--muted)}.experience-card-col{flex-direction:column;width:100%;display:flex}.work-card-spotlight{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-inner);flex-direction:column;gap:20px;width:100%;padding:24px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000003}.work-card-header{color:var(--text-heading);align-items:center;gap:12px;display:flex}.work-card-icon{color:var(--muted)}.work-card-title{font-size:14px;font-weight:700}.work-list{flex-direction:column;gap:24px;display:flex}.work-item-row{align-items:flex-start;gap:16px;display:flex}.work-company-logo{object-fit:cover;border:1px solid var(--border);background:var(--bg-inner);border-radius:50%;flex-shrink:0;width:40px;height:40px;padding:2px}.work-item-details{flex-direction:column;flex-grow:1;min-width:0;display:flex}.work-company{color:var(--text-heading);font-size:14px;font-weight:700}.work-meta-row{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.work-role{color:var(--muted);font-weight:500}.work-period{color:var(--muted);flex-shrink:0}.work-desc-text{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.6}.work-cv-btn{width:100%}@media (width>=768px){.experience-grid-layout{grid-template-columns:1.15fr .85fr;gap:64px}}.skills-section{padding-top:40px;padding-bottom:40px}.skills-grid-layout{grid-template-columns:1fr;align-items:flex-start;gap:48px;display:grid}.skills-info-col{flex-direction:column;display:flex}.skills-categories-stack{flex-direction:column;gap:24px;display:flex}.skills-category-box{border-left:2px solid var(--border);padding-left:16px;transition:border-color .2s}.skills-category-box:hover{border-color:var(--brand)}.skills-cat-title{color:var(--text-heading);margin-bottom:6px;font-size:15.5px;font-weight:700}.skills-cat-desc{color:var(--muted);font-size:13.5px;line-height:1.6}.skills-tools-col{flex-direction:column;width:100%;display:flex}.tools-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:11px;font-weight:700;display:block}.tools-grid-chips{flex-wrap:wrap;gap:8px;display:flex}.tool-chip-spotlight{color:var(--text);background:var(--bg-inner);border:1px solid var(--border);border-radius:9999px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.tool-chip-spotlight:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #14b8a608}@media (width>=768px){.skills-grid-layout{grid-template-columns:1.15fr .85fr;gap:64px}}.projects-section{padding-top:40px;padding-bottom:40px}.projects-spotlight-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.project-card-spotlight{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-inner);flex-direction:column;align-items:flex-start;padding:24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.project-card-spotlight:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:0 12px 20px -10px #14b8a60a,0 8px 12px -8px #00000008}.project-logo-frame{border:1px solid var(--border);background:var(--bg-inner);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;padding:2px;display:flex;box-shadow:0 1px 3px #0000000d}.project-logo-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.project-card-title{color:var(--text-heading);margin-bottom:2px;font-size:15px;font-weight:700}.project-card-role{color:var(--brand);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:9.5px}.project-card-desc{color:var(--muted);flex-grow:1;margin-bottom:16px;font-size:13px;line-height:1.6}.project-card-link{color:var(--muted);align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.project-card-link:hover,.project-card-spotlight:hover .project-card-link{color:var(--brand)}.education-section{padding-top:40px;padding-bottom:40px}.education-grid-layout{grid-template-columns:1fr;align-items:flex-start;gap:48px;display:grid}.education-info-col{flex-direction:column;display:flex}.education-lead-text{color:var(--text-heading);letter-spacing:-.01em;margin-bottom:18px;font-size:18px;font-weight:600;line-height:1.5}.education-body-text{color:var(--text);margin-bottom:24px;font-size:14.5px;line-height:1.7}.certs-block-spotlight{flex-direction:column;display:flex}.certs-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.certs-list-spotlight{flex-direction:column;gap:16px;display:flex}.cert-item-spotlight{border-left:2px solid var(--border);padding-left:14px;transition:border-color .2s}.cert-item-spotlight:hover{border-color:var(--brand)}.cert-title{color:var(--text-heading);font-size:14.5px;font-weight:700}.cert-provider{color:var(--muted);font-size:12px;font-weight:500}.education-list-col{flex-direction:column;width:100%;display:flex}.education-card-spotlight{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-inner);flex-direction:column;gap:20px;width:100%;padding:24px;display:flex;box-shadow:0 1px 3px #00000003}.edu-card-header{color:var(--text-heading);align-items:center;gap:12px;display:flex}.edu-card-icon{color:var(--muted)}.edu-card-title{font-size:14px;font-weight:700}.edu-timeline-list{flex-direction:column;gap:16px;display:flex}.edu-timeline-row{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:16px;display:flex}.edu-timeline-row:last-child{border-bottom:0;padding-bottom:0}.edu-row-period{color:var(--muted);font-size:12px}.edu-row-details{flex-direction:column;gap:2px;display:flex}.edu-row-degree{color:var(--text-heading);font-size:14.5px;font-weight:700}.edu-row-meta{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.edu-row-institution{color:var(--muted);font-weight:500}.edu-row-loc{color:var(--muted);flex-shrink:0;align-items:center;gap:4px;display:inline-flex}@media (width>=768px){.education-grid-layout{grid-template-columns:1.15fr .85fr;gap:64px}}.contact-section{padding-top:40px;padding-bottom:40px}.contact-grid-layout{grid-template-columns:1fr;align-items:flex-start;gap:48px;display:grid}.contact-info-col{flex-direction:column;display:flex}.contact-lead-text{color:var(--text-heading);letter-spacing:-.01em;margin-bottom:18px;font-size:18px;font-weight:600;line-height:1.5}.contact-body-text{color:var(--text);margin-bottom:16px;font-size:14.5px;line-height:1.7}.contact-links-col{flex-direction:column;width:100%;display:flex}.contact-card-spotlight{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-inner);flex-direction:column;gap:20px;width:100%;padding:24px;display:flex;box-shadow:0 1px 3px #00000003}.contact-card-header{color:var(--text-heading);align-items:center;gap:12px;display:flex}.contact-card-icon{color:var(--muted)}.contact-card-title{font-size:14px;font-weight:700}.contact-channels-list{flex-direction:column;gap:12px;display:flex}.contact-channel-row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-inner);color:inherit;align-items:center;gap:16px;padding:12px 16px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.contact-channel-row:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #14b8a608}.contact-channel-icon-box{width:32px;height:32px;color:var(--brand);background:#14b8a60f;border:1px solid #14b8a61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-channel-details{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.contact-channel-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.contact-channel-value{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.contact-channel-arrow{color:var(--muted);opacity:0;flex-shrink:0;transition:all .2s}.contact-channel-row:hover .contact-channel-arrow{opacity:1;color:var(--brand);transform:translate(2px)}@media (width>=768px){.contact-grid-layout{grid-template-columns:1.15fr .85fr;gap:64px}}
