@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";#root{width:100%;min-height:100vh;margin:0;padding:0}:root{--paper: #fdfcfb;--paper-sunk: #f6f3f0;--surface: #ffffff;--surface-shadow: 0 1px 2px rgba(28, 26, 34, .04);--ink-900: #1c1a22;--ink-600: #5f5a6b;--ink-400: #918c9e;--line: rgba(28, 26, 34, .1);--line-strong: rgba(28, 26, 34, .2);--accent: #7c5cd6;--accent-soft: rgba(124, 92, 214, .1);--tint: transparent;--tint-ink: var(--accent);--lilac: #efe9ff;--lilac-ink: #6b46c1;--mint: #e4f4ec;--mint-ink: #2f7d5b;--sky: #e5f0fb;--sky-ink: #2b6cb0;--peach: #ffeee4;--peach-ink: #b4592a;--sand: #fbf3e2;--sand-ink: #8a6d1f;--rose: #fdeaf0;--rose-ink: #a63b62;--font-display: "Inter Tight", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-display: clamp(2.75rem, 8vw, 5.25rem);--fs-h1: clamp(1.85rem, 4vw, 2.75rem);--fs-h2: clamp(1.35rem, 2.4vw, 1.75rem);--fs-h3: 1.0625rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-meta: .72rem;--s1: .25rem;--s2: .5rem;--s3: 1rem;--s4: 2rem;--s5: 2.5rem;--s6: 3.5rem;--radius: 4px;--measure: 68ch;--container: 1080px;--header-height: 64px;--ease: cubic-bezier(.22, .61, .36, 1)}.dark-mode{--paper: #14131a;--paper-sunk: #1c1a24;--ink-900: #f4f1f7;--ink-600: #b3adc0;--ink-400: #837d92;--line: rgba(244, 241, 247, .12);--line-strong: rgba(244, 241, 247, .24);--surface: #23212e;--surface-shadow: 0 1px 2px rgba(0, 0, 0, .4);--accent: #b9a3f5;--accent-soft: rgba(185, 163, 245, .14);--lilac: #1a1626;--lilac-ink: #c9b6f9;--mint: #121f1a;--mint-ink: #93dcb8;--sky: #121d2b;--sky-ink: #a3caf0;--peach: #241a13;--peach-ink: #f2bc98;--sand: #201b13;--sand-ink: #e3cb8d;--rose: #24151c;--rose-ink: #f2acc5}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--s4));-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;color:var(--ink-900);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s var(--ease),color .25s var(--ease)}img{display:block;max-width:100%;height:auto}ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:var(--paper)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.022em;color:var(--ink-900)}p{max-width:var(--measure);color:var(--ink-600)}.mono{font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--s4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:.7rem 1.35rem;font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.09em;text-transform:uppercase;border-radius:var(--radius);border:1px solid transparent;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.btn-primary{background:var(--ink-900);color:var(--paper)}.btn-primary:hover{background:var(--accent)}.btn-outline{border-color:var(--line-strong);color:var(--ink-900)}.btn-outline:hover{border-color:var(--ink-900);background:var(--accent-soft)}.btn:active{transform:translateY(1px)}.tech-tag{font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--tint-ink);background:color-mix(in srgb,var(--tint-ink) 9%,transparent);padding:.3rem .6rem;border:1px solid color-mix(in srgb,var(--tint-ink) 18%,transparent);border-radius:var(--radius);white-space:nowrap}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--ink-600);border:1px solid var(--line);border-radius:var(--radius);transition:color .2s var(--ease),border-color .2s var(--ease)}.social-icon:hover{color:var(--accent);border-color:var(--line-strong)}.reveal{opacity:0;transform:translateY(8px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:var(--reveal-delay, 0ms)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.dark-mode p{color:var(--ink-600)}.dark-mode .btn-primary{background:var(--accent);color:#17141f}.dark-mode .btn-primary:hover{background:#cdbcf8}.dark-mode .project-thumb img,.dark-mode .project-mini-thumb img{filter:brightness(.88) contrast(1.02)}.dark-mode .project-featured:hover .project-thumb img,.dark-mode .project-mini:hover .project-mini-thumb img{filter:none}.dark-mode .hero-avatar{filter:brightness(.95)}.dark-mode .tech-tag{background:color-mix(in srgb,var(--tint-ink) 14%,transparent);border-color:color-mix(in srgb,var(--tint-ink) 26%,transparent)}.dark-mode ::selection{background:var(--accent);color:#17141f}.header{position:sticky;top:0;z-index:100;height:var(--header-height);display:flex;align-items:center;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.dark-mode .header{background:color-mix(in srgb,var(--paper) 94%,transparent)}.header-container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--s4);display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.header-mark{font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.header-mark span{color:var(--ink-400);font-weight:400}.header-nav{display:flex;gap:var(--s3)}.header-link{position:relative;font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);padding:var(--s2) 0;transition:color .2s var(--ease)}.header-link:hover,.header-link.active{color:var(--ink-900)}.header-link.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--s2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--ink-600);border:1px solid var(--line);border-radius:var(--radius);transition:color .2s var(--ease),border-color .2s var(--ease)}.icon-btn:hover{color:var(--ink-900);border-color:var(--line-strong)}.menu-toggle{display:none}.mobile-menu{position:absolute;top:var(--header-height);left:0;right:0;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 24px #0000001f;animation:menu-in .18s var(--ease)}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}.mobile-menu nav{display:flex;flex-direction:column}.mobile-link{display:flex;align-items:center;min-height:48px;padding:0 var(--s2);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-600);border-bottom:1px solid var(--line)}.mobile-link.active{color:var(--tint-ink, var(--accent))}.mobile-resume{margin-top:var(--s2);min-height:48px}.section{padding:var(--s6) 0;background-image:linear-gradient(180deg,transparent 0%,var(--tint) 14%,var(--tint) 86%,transparent 100%)}.section--lilac{--tint: var(--lilac);--tint-ink: var(--lilac-ink)}.section--mint{--tint: var(--mint);--tint-ink: var(--mint-ink)}.section--sky{--tint: var(--sky);--tint-ink: var(--sky-ink)}.section--peach{--tint: var(--peach);--tint-ink: var(--peach-ink)}.section--sand{--tint: var(--sand);--tint-ink: var(--sand-ink)}.section--rose{--tint: var(--rose);--tint-ink: var(--rose-ink)}.card{background:var(--surface);box-shadow:var(--surface-shadow);border:1px solid color-mix(in srgb,var(--tint-ink) 15%,transparent);border-radius:10px;padding:var(--s4)}.section-head{display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--s4)}.section-index{font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);white-space:nowrap}.section-index em{font-style:normal;color:var(--tint-ink)}.section-rule{flex:1;height:1px;background:color-mix(in srgb,var(--tint-ink) 25%,transparent)}.section-title{font-size:var(--fs-h1);white-space:nowrap}.hero{padding:var(--s6) 0 var(--s6);background-image:linear-gradient(180deg,var(--tint) 0%,var(--tint) 70%,transparent 100%)}.hero-eyebrow{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.hero-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid color-mix(in srgb,var(--tint-ink) 35%,transparent)}.hero-name{font-size:var(--fs-display);font-weight:700;letter-spacing:-.035em;line-height:.98;margin-bottom:var(--s3);background:linear-gradient(100deg,var(--ink-900) 0%,var(--ink-900) 55%,var(--tint-ink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-role{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-600);margin-bottom:var(--s4);min-height:1.4em}.hero-role .typed{color:var(--tint-ink)}.hero-role .cursor{color:var(--tint-ink);animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.hero-description{font-size:1.0625rem;max-width:60ch;margin-bottom:var(--s4)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.hero-social{display:flex;gap:var(--s2)}.entry{display:grid;grid-template-columns:190px 1fr;gap:var(--s4);background:var(--surface);box-shadow:var(--surface-shadow);border:1px solid color-mix(in srgb,var(--tint-ink) 16%,transparent);border-radius:12px;padding:var(--s4)}.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:var(--s3);align-items:stretch}.edu-card{display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);box-shadow:var(--surface-shadow);border:1px solid color-mix(in srgb,var(--tint-ink) 16%,transparent);border-radius:12px;padding:var(--s3)}.edu-card .entry-subhead{margin-top:auto;padding-top:var(--s3)}.edu-card .tag-row{width:100%}.edu-result{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.06em;color:var(--tint-ink);background:color-mix(in srgb,var(--tint-ink) 12%,transparent);padding:.25rem .55rem;border-radius:999px;margin-bottom:var(--s3)}.edu-card .entry-title{font-size:1.15rem}.entry-aside{display:flex;flex-direction:column;gap:var(--s1)}.entry-title{font-size:var(--fs-h2);margin-bottom:var(--s1)}.entry-org{font-family:var(--font-body);font-size:var(--fs-body);font-weight:500;color:var(--ink-600);margin-bottom:var(--s3)}.entry-list{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s3)}.entry-list li{position:relative;padding-left:var(--s3);color:var(--ink-600);max-width:var(--measure)}.entry-list li:before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--tint-ink)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.entry-subhead{font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);margin:var(--s3) 0 var(--s2)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--s3)}.skill-group{--tint-ink: var(--group-ink);background:var(--surface);box-shadow:var(--surface-shadow);border:1px solid color-mix(in srgb,var(--group-ink) 20%,transparent);border-radius:10px;padding:var(--s3) var(--s3) var(--s4)}.skill-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding-bottom:var(--s2);margin-bottom:var(--s3);border-bottom:1px solid color-mix(in srgb,var(--group-ink) 18%,transparent)}.skill-group-name{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-h3);font-weight:600;color:var(--group-ink)}.skills-field{display:flex;flex-wrap:wrap;gap:var(--s2)}.skill-chip{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--ink-600);background:color-mix(in srgb,var(--group-ink, var(--accent)) 8%,transparent);padding:.38rem .65rem;border:1px solid transparent;border-radius:var(--radius);transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease)}.skill-chip:hover{color:var(--group-ink, var(--accent));border-color:color-mix(in srgb,var(--group-ink, var(--accent)) 35%,transparent)}.project-featured{display:grid;grid-template-columns:340px 1fr;gap:var(--s4);align-items:center;background:var(--surface);box-shadow:var(--surface-shadow);border:1px solid color-mix(in srgb,var(--tint-ink) 16%,transparent);border-radius:12px;padding:var(--s3);margin-bottom:var(--s3);transition:border-color .25s var(--ease)}.project-featured:hover{border-color:color-mix(in srgb,var(--tint-ink) 42%,transparent)}.project-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:8px;background:var(--paper-sunk)}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.project-featured:hover .project-thumb img{transform:scale(1.03)}.project-title{font-size:var(--fs-h2);margin-bottom:var(--s2)}.project-description{font-size:var(--fs-sm);margin-bottom:var(--s3)}.project-links{display:flex;gap:var(--s3);margin-top:var(--s3)}.project-link{display:inline-flex;align-items:center;gap:var(--s1);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-600);border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .2s var(--ease),border-color .2s var(--ease)}.project-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.group-label{display:flex;align-items:center;gap:var(--s3);margin:var(--s4) 0 var(--s3)}.group-label:first-of-type{margin-top:var(--s3)}.group-label span{font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--tint-ink);background:color-mix(in srgb,var(--tint-ink) 12%,transparent);padding:.3rem .7rem;border-radius:var(--border-radius-full, 999px);white-space:nowrap}.group-label:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--tint-ink) 22%,transparent)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--s3)}.project-mini{display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--surface-shadow);border:1px solid color-mix(in srgb,var(--tint-ink) 16%,transparent);border-radius:10px;overflow:hidden;transition:transform .25s var(--ease),border-color .25s var(--ease)}.project-mini:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tint-ink) 45%,transparent)}.project-mini-thumb{aspect-ratio:16 / 9;overflow:hidden;background:var(--paper-sunk);border-bottom:1px solid color-mix(in srgb,var(--tint-ink) 14%,transparent)}.project-mini-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.project-mini:hover .project-mini-thumb img{transform:scale(1.04)}.project-mini-body{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);flex:1}.project-mini-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2);font-size:.98rem;font-weight:600}.project-mini-title svg{color:var(--tint-ink);flex-shrink:0;transition:transform .2s var(--ease)}.project-mini:hover .project-mini-title svg{transform:translate(2px,-2px)}.project-mini p{font-size:.85rem;line-height:1.5;color:var(--ink-600)}.projects-more{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--s3)}.cert-card{display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);box-shadow:var(--surface-shadow);border:1px solid color-mix(in srgb,var(--tint-ink) 16%,transparent);border-left:3px solid color-mix(in srgb,var(--tint-ink) 55%,transparent);border-radius:10px;padding:var(--s3);transition:transform .25s var(--ease),border-color .25s var(--ease)}.cert-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tint-ink) 40%,transparent);border-left-color:var(--tint-ink)}.cert-name{font-size:var(--fs-h3);font-weight:600;margin-bottom:var(--s1)}.cert-issuer{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:400;color:var(--ink-600);margin-bottom:var(--s3)}.cert-meta{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-bottom:var(--s3)}.cert-skills{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}.cert-verify{display:inline-flex;align-items:center;gap:var(--s1);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-600);border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .2s var(--ease),border-color .2s var(--ease)}.cert-verify:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer{padding:var(--s5) 0 var(--s4);border-top:1px solid var(--line)}.footer-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s4)}.footer-statement{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:500;letter-spacing:-.02em;max-width:20ch;color:var(--ink-900)}.footer-contact-link{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font-display);font-size:var(--fs-h2);font-weight:500;letter-spacing:-.02em;border-bottom:1px solid var(--line-strong);padding-bottom:var(--s1);transition:color .2s var(--ease),border-color .2s var(--ease)}.footer-contact-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}.footer-social{display:flex;gap:var(--s2)}.to-top{display:inline-flex;align-items:center;gap:var(--s1);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);transition:color .2s var(--ease)}.to-top:hover{color:var(--ink-900)}@media (max-width: 860px){:root{--s5: 2rem;--s6: 2.5rem;--header-height: 58px}.header-nav{display:none}.menu-toggle{display:inline-flex}.header-resume{display:none}.entry,.project-featured{grid-template-columns:1fr;gap:var(--s3)}.project-thumb{max-width:100%}.section-title{white-space:normal}.project-mini-title,.cert-name,.entry-title{overflow-wrap:anywhere}}@media (max-width: 560px){.container,.header-container{padding:0 var(--s3)}.header-mark span{display:none}.section-head{flex-wrap:wrap;gap:var(--s2)}.section-rule{display:none}.entry,.edu-card,.cert-card,.project-featured{padding:var(--s3)}.hero-actions{gap:var(--s2)}.hero-actions .btn{flex:1 1 100%;min-height:48px}.social-icon{width:44px;height:44px}.hero-description{font-size:1rem}.project-link,.cert-verify,.to-top{min-height:44px;align-items:center}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--s3)}.footer-statement,.footer-contact-link{font-size:1.15rem}.footer-contact-link{overflow-wrap:anywhere}}