:root{--neutral-50:#faf8ff;--neutral-100:#f5f3ff;--neutral-200:#ede9fe;--neutral-300:#e0d5ff;--neutral-600:#7c3aed;--neutral-700:#6d28d9;--neutral-900:#1e1b4b;--accent:#4f46e5;--accent-light:#6366f1;--accent-lighter:#c7d2fe;--accent-dark:#3730a3;--bg-primary:#ffffff;--bg-secondary:var(--neutral-50);--text-primary:var(--neutral-900);--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-inverse:#ffffff;--text-inverse-secondary:var(--neutral-200);--text-xs:clamp(0.75rem, 0.65rem + 0.5vw, 0.875rem);--text-sm:clamp(0.875rem, 0.8rem + 0.375vw, 1rem);--text-base:clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--text-lg:clamp(1.333rem, 1.1rem + 1vw, 1.5rem);--text-xl:clamp(1.777rem, 1.4rem + 1.5vw, 2.25rem);--text-2xl:clamp(2.369rem, 1.75rem + 2.5vw, 3rem);--text-3xl:clamp(3.157rem, 2.2rem + 3.5vw, 4rem);--space-xs:0.375rem;--space-sm:0.75rem;--space-md:1.5rem;--space-lg:3rem;--space-xl:6rem;--transition-fast:150ms ease-out;--transition-base:250ms ease-out;--transition-slow:400ms ease-out;--font-display:"Avenir Next", "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial,
    sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif}@media(max-width:640px){:root{--space-lg:2rem;--space-xl:3rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:56rem;margin:0 auto;padding:0 var(--space-md)}.container-wide{max-width:72rem;margin:0 auto;padding:0 var(--space-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-lg)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-lg);margin-top:var(--space-xl)}h3{font-size:var(--text-xl);margin-bottom:var(--space-md)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}p:last-child{margin-bottom:0}a{color:var(--accent);text-decoration:none;border-bottom:1px solid;transition:color var(--transition-fast)}a:hover{color:var(--accent-dark)}header{padding:clamp(1.5rem,1rem + 1vw,2rem)0;border-bottom:1px solid var(--neutral-200);background:var(--bg-primary);position:sticky;top:0;z-index:100}header .container-wide{display:flex;justify-content:space-between;align-items:center}.logo a{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--text-primary);text-decoration:none;border:none;letter-spacing:-.03em;display:flex;align-items:center}nav ul{list-style:none;display:flex;gap:var(--space-lg);flex-wrap:wrap;align-items:center}nav a{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border:none;transition:color var(--transition-fast)}nav a:hover{color:var(--accent)}@media(max-width:640px){nav ul{display:none}header .container-wide{justify-content:center}}.hero{padding:clamp(4rem,5vw,8rem)0;background:linear-gradient(135deg,#faf8ff 0%,#f5f3ff 50%,#ede9fe 100%);border-bottom:1px solid var(--neutral-200)}.hero .container-wide{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-xl)}.hero-content{max-width:55ch}.hero-visual{display:flex;justify-content:flex-end;align-items:center}.hero-illustration{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 16px 40px rgba(99,102,241,.18))}@media(max-width:860px){.hero .container-wide{grid-template-columns:1fr}.hero-visual{display:none}}.hero h1{color:#1e1b4b;background:linear-gradient(135deg,#1e1b4b 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg);line-height:1.15;font-weight:800}.hero p{font-size:var(--text-lg);color:var(--text-secondary);max-width:50ch;margin-bottom:var(--space-lg);line-height:1.6}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;gap:var(--space-sm)}.btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--text-inverse);box-shadow:0 4px 12px rgba(99,102,241,.3)}.btn-secondary{background:0 0;color:var(--accent);border-color:var(--accent);font-weight:600}.btn-secondary:hover{background:var(--accent-lighter);border-color:var(--accent-dark);color:var(--accent-dark)}@media(pointer:coarse){.btn{padding:1rem 2rem;min-height:44px}}.projects{padding:var(--space-xl)0}.projects h2{max-width:65ch}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.project-card{background:var(--bg-secondary);padding:var(--space-lg);border-radius:.5rem;border:2px solid var(--neutral-200);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-md)}@media(hover:hover){.project-card:hover{border-color:var(--accent);box-shadow:0 12px 32px rgba(99,102,241,.15);transform:translateY(-4px);background:linear-gradient(135deg,#faf8ff 0%,#f5f3ff 100%)}}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.project-card h3{font-size:var(--text-lg);margin:0;flex:1}.badge{display:inline-block;font-size:var(--text-xs);padding:.375rem .75rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.badge-public{background:#d1fae5;color:#065f46}.badge-private{background:#fed7aa;color:#92400e}.project-description{flex:1}.project-description p{margin:0;font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.6}.project-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding-top:var(--space-md);border-top:1px solid var(--neutral-200)}.tag{display:inline-block;padding:.375rem .75rem;background:#e0d5ff;color:#6d28d9;font-size:var(--text-xs);border-radius:.375rem;font-weight:500}.blog{padding:0 0 var(--space-xl)}.blog h2{max-width:65ch}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.blog-card{background:var(--bg-secondary);padding:var(--space-lg);border-radius:.5rem;border:2px solid var(--neutral-200);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-md)}.blog-card h3{margin:0;font-size:var(--text-lg);line-height:1.35}.blog-card h3 a{border:none;color:var(--text-primary)}.blog-card p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.blog-date{font-size:var(--text-sm);color:var(--text-secondary)}.blog-read-more{margin-top:auto;width:fit-content;color:var(--accent-dark);border-bottom:1px solid;font-weight:600}@supports(content-visibility:auto){.blog,footer{content-visibility:auto;contain-intrinsic-size:1px 900px}}@media(hover:hover){.blog-card:hover{border-color:var(--accent);box-shadow:0 12px 32px rgba(99,102,241,.15);transform:translateY(-4px);background:linear-gradient(135deg,#faf8ff 0%,#f5f3ff 100%)}}footer{margin-top:var(--space-xl);padding:var(--space-xl)0;border-top:1px solid var(--neutral-200);background:var(--bg-secondary)}footer .container-wide{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer-text{font-size:var(--text-sm);color:var(--text-tertiary)}.socials{display:flex;gap:var(--space-md);align-items:center}.socials a{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--neutral-300);color:#4f46e5;font-size:var(--text-sm);font-weight:600;transition:all var(--transition-fast);text-decoration:none}.socials a:hover{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);box-shadow:0 4px 12px rgba(99,102,241,.3)}.socials a svg{width:1.125rem;height:1.125rem;flex-shrink:0}@media(max-width:640px){footer .container-wide{flex-direction:column;text-align:center}.socials{justify-content:center;width:100%}}main{min-height:calc(100vh - 200px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.single-page{display:flex;flex-direction:column}.page-hero{padding:clamp(3rem,5vw,6rem)0;background:#fff}.page-header{display:flex;flex-direction:column;gap:var(--space-md)}.page-header h1{margin:0;color:#1e1b4b;background:linear-gradient(135deg,#1e1b4b 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;font-weight:800}.page-description{font-size:var(--text-lg);color:#3f3f46;max-width:65ch;margin:0;line-height:1.6;font-weight:500}.page-date{font-size:var(--text-sm);color:#6b7280;display:block;margin:0}.page-content{max-width:72ch;margin:var(--space-lg)auto;padding:0 var(--space-md)}.page-content h2{margin:var(--space-xl)0 var(--space-lg);font-size:var(--text-2xl);color:#1e1b4b;font-weight:700;line-height:1.2}.page-content h2:first-child{margin-top:0}.page-content h3{margin:var(--space-lg)0 var(--space-md);font-size:var(--text-xl);color:#3f3f46;font-weight:600}.page-content p{margin:0 0 var(--space-md);color:#27272a;line-height:1.8;font-weight:400;font-size:var(--text-base)}.page-content strong{color:#1e1b4b;font-weight:600}.page-content em{color:#6366f1;font-style:italic;font-weight:500}.page-content ul,.page-content ol{margin:var(--space-lg)0;padding-left:2.5rem}.page-content li{margin-bottom:var(--space-md);color:#27272a;line-height:1.8;font-weight:400}.page-content ul li::marker{color:#6366f1;font-weight:700}.page-content ol li::marker{color:#6366f1;font-weight:700}.page-content blockquote{padding:var(--space-lg);margin:var(--space-lg)0;border-left:4px solid #6366f1;background:linear-gradient(90deg,#f5f3ff 0%,transparent 100%);border-radius:.375rem;color:#3f3f46;font-style:italic;line-height:1.8;position:relative}.page-content blockquote::before{content:'"';position:absolute;top:var(--space-sm);left:var(--space-md);font-size:3rem;color:#c7d2fe;opacity:.5;line-height:0}.page-content code{background:#ede9fe;padding:.375rem .75rem;border-radius:.375rem;font-family:sf mono,Monaco,cascadia code,roboto mono,Consolas,courier new,monospace;font-size:.9em;color:#7c3aed;font-weight:500}.page-content pre{background:#1e1b4b;color:#e0d5ff;padding:var(--space-lg);border-radius:.5rem;overflow-x:auto;margin:var(--space-lg)0;line-height:1.6;border:1px solid #312e81}.page-content pre code{background:0 0;padding:0;font-weight:400}.page-content .highlight{border-radius:.5rem;margin:var(--space-lg)0;overflow:hidden;border:1px solid #312e81}.page-content .highlight pre{margin:0;border-radius:0;border:none;padding:var(--space-lg)}.page-content table{width:100%;border-collapse:collapse;margin:var(--space-lg)0;font-size:var(--text-sm)}.page-content thead{background:#f5f3ff;border-bottom:2px solid #ede9fe}.page-content th{padding:var(--space-md);text-align:left;color:#1e1b4b;font-weight:600}.page-content td{padding:var(--space-md);border-bottom:1px solid #ede9fe;color:#27272a}.page-content tbody tr:hover{background:#faf8ff}.page-content a{color:#6366f1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:500;transition:all var(--transition-fast)}@media(hover:hover){.page-content a:hover{color:#4f46e5;background:#ede9fe;text-decoration-thickness:3px;padding:.125rem .375rem;border-radius:.25rem}}.page-content hr{margin:var(--space-xl)0;border:none;border-top:2px solid #ede9fe}.page-content h3+p:has(+strong){display:none}.page-content h3:has(+p strong){margin-top:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid #ede9fe}.tools-category{margin:var(--space-xl)0}.tools-category h3{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.tools-category h3::before{content:"⚙️";font-size:var(--text-xl)}.tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin:0;padding:0;list-style:none}.tools-list li{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#faf8ff 0%,#f5f3ff 100%);border:1px solid #ede9fe;border-radius:.5rem;transition:all var(--transition-fast);margin:0}@media(hover:hover){.tools-list li:hover{border-color:#6366f1;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.1)}}.tools-list li::marker{display:none}.tools-list li strong{color:#6366f1;font-weight:600;min-width:80px}.tools-list li::before{content:"▹";color:#6366f1;font-size:var(--text-lg);flex-shrink:0;margin-top:.125rem}.experience-page .page-content h3{position:relative;padding-left:var(--space-lg);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.experience-page .page-content h3::before{content:"";position:absolute;left:-12px;top:.5rem;width:18px;height:18px;background:#6366f1;border:3px solid #faf8ff;border-radius:50%;box-shadow:0 0 0 3px #ede9fe}.experience-page .page-content>h3+p{color:#6366f1;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-md)}.experience-page .page-content>h3+p+p{color:#27272a;line-height:1.8;font-weight:500;margin-bottom:var(--space-md)}.experience-page .page-content>h3+p+p+ul{margin:var(--space-md)0 0 var(--space-lg)}.experience-page .page-content>h3+p+p+ul li{color:#3f3f46;margin-bottom:var(--space-sm);padding-left:0}.experience-page .page-content>h3+p+p+ul li::marker{color:#6366f1;font-weight:700}.experience-page .page-content>h3+p+p+p{color:#6366f1;font-weight:600;margin:var(--space-lg)0 var(--space-md)}.experience-page .page-content>h3+p+p+ul+p{color:#6366f1;font-weight:600;margin:var(--space-lg)0 var(--space-md)}.experience-page .page-content>h3+p+p+ul+p+ul li{color:#27272a;line-height:1.7}.experience-page .page-content strong{color:#6366f1;font-weight:700;display:inline}.experience-page .page-content strong+p{display:inline}.experience-page .page-content strong:first-of-type{display:block;margin-top:var(--space-xl);margin-bottom:var(--space-md);font-size:var(--text-base)}.experience-page .page-content h2~p{color:#27272a;line-height:1.8;margin-bottom:var(--space-lg);font-weight:500}.experience-page .page-content h2~p strong{display:inline;margin:0 var(--space-xs)}.experience-page .page-content strong+strong::before{content:"·";margin:0 var(--space-xs);color:#c7d2fe}.page-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--neutral-200)}.nav-item a{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--neutral-200);border-radius:.375rem;text-decoration:none;color:var(--text-secondary);border-bottom:none;transition:all var(--transition-fast)}@media(hover:hover){.nav-item a:hover{border-color:var(--accent);background:color-mix(in oklch,var(--accent),transparent 95%);color:var(--accent-dark)}}.nav-arrow{flex-shrink:0;font-size:var(--text-lg)}.nav-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nav-next{text-align:right}.nav-next a{flex-direction:row-reverse}@media(max-width:640px){.page-nav{grid-template-columns:1fr;gap:var(--space-md)}.nav-next{text-align:left}.nav-next a{flex-direction:row}.page-hero{padding:clamp(2rem,5vw,4rem)var(--space-md)}.page-header h1{font-size:var(--text-2xl)}.page-description{font-size:var(--text-base)}.page-content{margin:var(--space-lg)0;padding:0 var(--space-md)}.page-content h2{font-size:var(--text-xl);margin:var(--space-lg)0 var(--space-md)}.page-content h3{font-size:var(--text-lg)}.page-content ul,.page-content ol{margin:var(--space-md)0;padding-left:1.75rem}.page-content blockquote{padding:var(--space-md);margin:var(--space-md)0}}.articles-index{margin:var(--space-xl)0}.article-row{display:grid;grid-template-columns:160px 1fr;gap:var(--space-xl);padding:var(--space-xl)0;border-top:1px solid var(--neutral-200)}.article-row:last-child{border-bottom:1px solid var(--neutral-200)}.article-row-meta{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:.2rem}.article-date{font-size:var(--text-sm);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.article-read-time{font-size:var(--text-sm);color:var(--text-tertiary)}.article-row-link{text-decoration:none;border:none;display:block;margin-bottom:var(--space-md)}.article-row-link h2{font-size:var(--text-xl);margin:0;color:var(--text-primary);line-height:1.3;transition:color var(--transition-fast)}@media(hover:hover){.article-row-link:hover h2{color:var(--accent)}}.article-row-desc{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.7;max-width:60ch}.article-read-more{font-size:var(--text-sm);font-weight:600;color:var(--accent);text-decoration:none;border:none;transition:gap var(--transition-fast),color var(--transition-fast);display:inline-flex;align-items:center;gap:.375rem}@media(hover:hover){.article-read-more:hover{color:var(--accent-dark);gap:.625rem}}.articles-empty{color:var(--text-tertiary);margin:var(--space-xl)0}@media(max-width:640px){.article-row{grid-template-columns:1fr;gap:var(--space-md)}.article-row-meta{flex-direction:row;align-items:center}.article-read-time::before{content:"·";margin-right:var(--space-sm)}}.article-hero-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.article-hero-meta .page-date{display:inline}.article-read-time{font-size:var(--text-sm);color:var(--text-tertiary)}.article-content{position:relative}.toc-sidebar{position:absolute;right:calc(100% + 2rem);top:0;width:160px;height:100%}.toc-sticky{position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow-y:auto;scrollbar-width:none}.toc-sticky::-webkit-scrollbar{display:none}.toc-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--text-tertiary);margin-bottom:.625rem}.toc-sidebar #TableOfContents ul{list-style:none;padding:0;margin:0;position:relative;display:block}.toc-sidebar #TableOfContents>ul::before{content:'';position:absolute;left:3px;top:7px;bottom:7px;width:1px;background:var(--neutral-200)}.toc-sidebar #TableOfContents li{position:relative;padding-left:.875rem;margin-bottom:0}.toc-sidebar #TableOfContents>ul>li::before{content:'';position:absolute;left:0;top:.55rem;width:7px;height:7px;border-radius:50%;background:var(--neutral-200);transition:background var(--transition-fast);z-index:1}.toc-sidebar #TableOfContents ul ul{padding-left:.375rem;margin:0;border-left:1px solid var(--neutral-200)}.toc-sidebar #TableOfContents ul ul li{padding-left:.5rem}.toc-sidebar #TableOfContents ul ul li::before{display:none}.toc-sidebar #TableOfContents a{font-size:.75rem;color:var(--text-tertiary);text-decoration:none;border:none;line-height:1.25;display:block;padding:.05rem 0;transition:color var(--transition-fast)}@media(hover:hover){.toc-sidebar #TableOfContents a:hover{color:var(--text-secondary)}}.toc-sidebar #TableOfContents a.toc-active{color:var(--accent);font-weight:500}.toc-sidebar #TableOfContents>ul>li:has(>a.toc-active)::before{background:var(--accent)}@media(max-width:1100px){.toc-sidebar{display:none}}