:root{--bg-base:#02101f;--bg-elev:#101829;--bg-glow-a:#1588c52e;--bg-glow-b:#0c5aac1f;--text-main:#edf2ff;--text-muted:#9da8c4;--border-soft:#9dafd633;--accent-primary:#7ec9ff;--accent-secondary:#93b3ff}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{background-color:#001526;background:radial-gradient(circle at 20% 14%, var(--bg-glow-a), transparent 45%), radial-gradient(circle at 84% 80%, var(--bg-glow-b), transparent 46%), linear-gradient(160deg, #00192d 0%, var(--bg-base) 60%, #001423 100%);color:var(--text-main);flex-direction:column;font-family:Manrope,Segoe UI,sans-serif;display:flex;position:relative;overflow-x:hidden}.interactive-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-vignette{background:radial-gradient(1100px 680px at 50% -140px,#358ec72e,#0000 64%),linear-gradient(#000e1b0f,#00081024);position:absolute;inset:0}.star-layer{will-change:transform, opacity;background-repeat:repeat;position:absolute;inset:-120% 0 0}.stars-far{opacity:.22;background-image:radial-gradient(circle,#6ad4ff85 1px,#0000 1.6px),radial-gradient(circle,#4db8e757 .9px,#0000 1.5px);background-position:0 0,120px 80px;background-size:320px 320px,240px 240px;animation:140s linear infinite starsDriftFar,8s ease-in-out infinite starsTwinkleFar}.stars-mid{opacity:.28;background-image:radial-gradient(circle,#57c9f99e 1.15px,#0000 1.7px),radial-gradient(circle,#2e93c27a 1px,#0000 1.6px);background-position:40px 20px,90px 130px;background-size:250px 250px,180px 180px;animation:95s linear infinite starsDriftMid,6s ease-in-out infinite starsTwinkleMid}.bg-noise{opacity:.03;background-image:radial-gradient(#fffc .4px,#0000 .4px);background-size:4px 4px;position:absolute;inset:0}.stars-near{opacity:.34;background-image:radial-gradient(circle,#8ce5ffb8 1.35px,#0000 1.9px),radial-gradient(circle,#62bceb8f 1.2px,#0000 1.8px);background-position:20px 70px,70px 10px;background-size:180px 180px,120px 120px;animation:72s linear infinite starsDriftNear,4.8s ease-in-out infinite starsTwinkleNear}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;font-family:Sora,Manrope,sans-serif}p,li,a,span{line-height:1.6}.page-shell{z-index:1;flex:1;padding-top:64px;position:relative}.max-w-6xl{max-width:72rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pb-20{padding-bottom:5rem}.space-y-20>*+*{margin-top:5rem}.space-y-6>*+*{margin-top:1.5rem}.no-mb{margin-bottom:0}.site-header{z-index:110;backdrop-filter:blur(8px);background:#010d1938;border-bottom:1px solid #8eb1df1f;width:100%;transition:background .18s,border-color .18s,backdrop-filter .18s,box-shadow .18s;position:fixed;top:0;left:0}body.is-scrolled .site-header{backdrop-filter:blur(14px);background:#02101e9e;border-bottom-color:#8eb1df33;box-shadow:0 6px 22px #00081440}.site-header .shell{justify-content:space-between;align-items:center;margin:0 auto;padding:.9rem 1.5rem;display:flex}.brand{color:#eff4ff;font-weight:800;text-decoration:none}.nav-right{align-items:center;gap:.95rem;display:flex}.site-header nav{gap:1.1rem;display:flex}.site-header nav a{color:#c8d4f2;font-weight:600;text-decoration:none;transition:color .18s}.site-header nav a:hover{color:var(--accent-primary)}.nav-socials{border-left:1px solid #8eb1df38;align-items:center;gap:.55rem;padding-left:.8rem;display:flex}.nav-socials a{color:#a9bedf;background:#0814256b;border:1px solid #88ade233;border-radius:.45rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;text-decoration:none;display:inline-flex}.nav-socials a:hover{color:#d9ebff;border-color:#a6cdff73}.nav-socials a svg{width:.98rem;height:.98rem}.site-footer{border-top:1px solid var(--border-soft);z-index:1;background:#020c164d;margin-top:3rem;padding:2rem 1.5rem;position:relative}.site-footer p{text-align:center;color:#77819c;margin:0 auto}.split-hero{flex-direction:column;justify-content:space-between;align-items:center;gap:2.2rem;display:flex}.split-hero .left{flex:1}.split-hero .left>*+*{margin-top:1.1rem}.split-hero h1{color:#f1f5f9;margin:0;font-size:clamp(2.1rem,4.8vw,3.15rem);font-weight:800;line-height:1.04}.split-hero h1 span{color:#22d3ee}.split-hero .left p{color:#94a3b8;max-width:42rem;font-size:1.125rem}.actions{gap:1rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));color:#06111f;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:800;text-decoration:none;display:inline-block}.btn-primary:hover{filter:brightness(1.04)}.right{flex:1;justify-content:center;display:flex}.profile-wrap{position:relative}.bubble{z-index:2;color:#0b1830;background:#eaf1ff;border:1px solid #ffffffeb;border-radius:1rem 1rem 1rem 0;padding:.6rem .9rem;font-weight:700;position:absolute;top:-1rem;right:-1rem;box-shadow:0 10px 34px #040a1680}.avatar-shell{background:#111b2f;border:4px solid #7394d533;border-radius:999px;width:16rem;height:16rem;overflow:hidden;box-shadow:0 25px 60px #02061299}.avatar-shell img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .26s}.avatar-shell:hover img{filter:grayscale(0)}.section-title{margin:0 0 2rem;font-size:1.9rem;font-weight:800}.timeline{border-left:1px solid var(--border-soft);gap:2.2rem;margin-left:.75rem;padding-top:.4rem;padding-bottom:.4rem;padding-left:2rem;display:grid}.timeline-item{position:relative}.dot{border:3px solid #0c1525;border-radius:999px;width:1rem;height:1rem;position:absolute;top:.3rem;left:-2.55rem}.dot.cyan{background:#5bc8ff}.dot.yellow{background:#f3d260}.dot.blue{background:#6d8cff}.timeline-item h3{margin:0;font-size:1.2rem}.timeline-item .role{color:var(--text-muted);margin:.25rem 0 0}.timeline-item .date{color:var(--text-muted);opacity:.8;margin:.2rem 0 0;font-size:.85rem}.timeline-item .desc{color:#c8d2ea;margin:.45rem 0 0}.skills-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}.skills-grid article{border:1px solid var(--border-soft);background:linear-gradient(#121e35cc,#0a1220db);border-radius:.75rem;padding:1.5rem}.skills-grid article:hover{border-color:#7ec9ff8c}.skills-grid h3{margin:0 0 .6rem;font-size:1.25rem}.skills-grid p{color:var(--text-muted);margin:0}.recent-head{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.recent-head a{color:var(--accent-primary);font-weight:600;text-decoration:none}.recent-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}.compact-link,.list-link{text-decoration:none}.compact-card{border:1px solid var(--border-soft);background:linear-gradient(#141f36d6,#0c1322eb);border-radius:.75rem;flex-direction:column;height:100%;padding:1.5rem;transition:border-color .18s,transform .18s;display:flex}.compact-card:hover{border-color:#7ec9ff9e;transform:translateY(-2px)}.compact-tag{color:var(--accent-primary);text-transform:capitalize;margin-bottom:.7rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.compact-card h3{margin:0 0 .8rem;font-size:1.25rem}.compact-card p{color:var(--text-muted);flex:1;margin:0 0 1rem;line-height:1.55}.compact-card span{color:var(--accent-primary);font-size:.9rem;font-weight:700}.blog-head{text-align:center;max-width:40rem;margin-bottom:3rem;margin-left:auto;margin-right:auto}.blog-head h1{margin:0 0 1rem;font-size:2.45rem}.blog-head p{color:var(--text-muted);margin:0;font-size:1.08rem}.blog-list{flex-direction:column;gap:1.1rem;display:flex}.list-card{border:1px solid var(--border-soft);background:linear-gradient(160deg,#0d1527e0,#080e1ce6);border-left:2px solid #7ab1ff8c;border-radius:1.1rem;padding:1.75rem 1.75rem 1.5rem;transition:transform .2s,border-color .2s,box-shadow .22s}.list-card:hover{border-color:#9fccffcc;transform:translateY(-2px);box-shadow:0 14px 34px #376ebc33}.list-card .top{margin-bottom:.8rem}.list-card h2{margin:0;font-size:clamp(1.45rem,3vw,1.95rem);line-height:1.25}.list-card .meta-line{color:#9fb1d6;margin:.65rem 0 0;font-family:JetBrains Mono,monospace;font-size:.98rem}.list-card .summary{color:#b7c4e0;margin:0;font-size:1rem;line-height:1.7}.list-card .tags-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.list-card .pill{color:#c8dbff;text-transform:capitalize;background:#4c79ce2e;border:1px solid #88b0f145;border-radius:999px;padding:.25rem .52rem;font-family:JetBrains Mono,monospace;font-size:.76rem;display:inline-block}.empty,.empty-state{color:var(--text-muted)}.back-link{color:var(--accent-primary);align-items:center;margin-bottom:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-primary)}.crumb-tag{text-transform:capitalize}.crumb-title{color:#7685a7}.post-article{max-width:74rem}.post-hero{text-align:center;margin-bottom:1.25rem}.post-hero h1{margin:0;font-size:clamp(2.15rem,5vw,3.1rem);line-height:1.18}.post-meta-row{color:#b0bfdc;flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-top:.8rem;font-family:JetBrains Mono,monospace;font-size:.9rem;display:flex}.post-meta-row>span:not(.author-chip):before{content:"·";color:#7e94be;margin-right:.65rem}.author-chip{color:#d8e8ff;align-items:center;gap:.45rem;display:inline-flex}.author-chip:before{content:none!important}.author-chip img{border:1px solid #a0c0ef59;border-radius:999px;width:1.15rem;height:1.15rem}.author-socials{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.65rem;display:flex}.author-socials a{color:#bfd6ff;background:#08142573;border:1px solid #88ade242;border-radius:.4rem;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;text-decoration:none;display:inline-flex}.author-socials a:hover{color:#e2f3ff;border-color:#a6cdff80}.author-socials a svg{width:1.02rem;height:1.02rem}.hero-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.8rem;display:flex}.hero-tags a{color:#c8dbff;background:#0a192e73;border:1px solid #88ade238;border-radius:.45rem;padding:.2rem .45rem;font-family:JetBrains Mono,monospace;font-size:.85rem;text-decoration:none}.post-nav-cards{grid-template-columns:1fr;gap:.75rem;margin:1.35rem auto 1.45rem;display:grid}.nav-card{color:#c9d9f6;background:#05132494;border:1px solid #88ade242;border-radius:.65rem;gap:.2rem;min-height:4rem;padding:.72rem .86rem;text-decoration:none;transition:border-color .18s,background .18s;display:grid}.nav-card:hover{background:#07182dad;border-color:#acd0ff73}.nav-card .label{color:#9fb4d8;font-family:JetBrains Mono,monospace;font-size:.85rem}.nav-card .title{color:#d3e5ff;font-size:1rem}.nav-card.disabled{opacity:.82}.post-layout{display:block}.post-content{min-width:0}.prose-wrap{overflow-wrap:break-word;word-break:break-word}.post-toc{background:#03101f80;border:1px solid #88ade22e;border-radius:.9rem;margin-bottom:1.2rem;padding:1rem}.post-toc h2{letter-spacing:.015em;margin:0 0 .7rem;font-family:JetBrains Mono,monospace;font-size:2rem}.post-toc ul{gap:.32rem;margin:0;padding-left:0;list-style:none;display:grid}.post-toc a{color:#93abc9;opacity:.88;font-family:JetBrains Mono,monospace;font-size:.92rem;text-decoration:none}.post-toc a.is-active{color:#e0f1ff;opacity:1}.post-toc a:hover{color:#d8eaff;opacity:1}.toc-depth-3{margin-left:1.55rem}.prose-wrap h2,.prose-wrap h3,.prose-wrap h4{margin-top:1.9rem}.prose-wrap h2{font-size:2rem}.prose-wrap h3{font-size:1.5rem}.prose-wrap p,.prose-wrap li{color:#c8d2ea;line-height:1.82}.prose-wrap pre{border:1px solid var(--border-soft);background:#040812d9;border-radius:10px;padding:.8rem;overflow:auto}.prose-wrap blockquote{background:#08132299;border-left:3px solid #3da6ff;border-radius:.45rem;margin:1.3rem 0;padding:.9rem 1rem}.prose-wrap code:not(pre code){border:1px solid var(--border-soft);background:#0b1426e0;border-radius:6px;padding:.1rem .35rem}.prose-wrap img{object-fit:contain;border:1px solid var(--border-soft);border-radius:.75rem;width:auto;max-width:100%;height:auto;margin:1rem auto;display:block}.series-box{border:1px solid var(--border-soft);background:#080d18a3;border-radius:12px;margin-top:2.5rem;padding:1rem}.post-end{border-top:1px solid var(--border-soft);margin-top:2.5rem;padding-top:1.4rem}.post-end p{color:#7b86a4;font-style:italic}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.post-card{border:1px solid var(--border-soft);background:linear-gradient(145deg,#111c31e0,#0a111ff0);border-radius:14px;padding:1.2rem;transition:border-color .18s,transform .18s}.post-card:hover{border-color:#7ec9ff9e;transform:translateY(-2px)}.post-card h2{margin:.2rem 0 .6rem;font-size:1.35rem}.post-card h2 a{color:var(--text-main);text-decoration:none}.post-card p{color:var(--text-muted);margin-bottom:.8rem}.meta{color:#8590ab;font-family:JetBrains Mono,monospace;font-size:.88rem}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tags a{color:#c4daff;border:1px solid var(--border-soft);border-radius:999px;padding:.2rem .5rem;font-size:.82rem;text-decoration:none}.tag-cloud{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.tag-cloud a{border:1px solid var(--border-soft);color:#d3e2ff;background:#101b2fb3;border-radius:999px;padding:.45rem .75rem;text-decoration:none}.tag-cloud span{color:var(--text-muted)}@media (width>=768px){.split-hero{flex-direction:row;gap:2.6rem}.recent-grid,.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:2rem;display:grid}.post-toc{grid-column:1;max-height:calc(100vh - 110px);margin-bottom:0;position:sticky;top:84px;overflow:auto}.post-content{grid-column:2}.post-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.site-header .shell{justify-content:space-between}.nav-right{gap:.5rem}.site-header nav{gap:.56rem}.brand{font-size:.95rem}.blog-head h1{font-size:2.05rem}.bubble{right:-.5rem}.post-hero h1{font-size:clamp(1.85rem,8vw,2.3rem)}.post-meta-row{justify-content:center;gap:.45rem;font-size:.82rem}.post-meta-row>span:not(.author-chip):before{margin-right:.45rem}.post-toc h2{font-size:1.35rem}.post-toc a{font-size:.86rem}.nav-socials{border-left:0;gap:.4rem;padding-left:0;display:inline-flex}.nav-socials a{border-radius:.4rem;width:1.55rem;height:1.55rem}.nav-socials a svg{width:.88rem;height:.88rem}}@media (width<=380px){.brand{font-size:.88rem}.nav-right{gap:.4rem}.site-header nav{gap:.48rem}.site-header nav a{font-size:.88rem}.nav-socials{gap:.3rem}.nav-socials a{width:1.45rem;height:1.45rem}}@keyframes starsDriftFar{0%{transform:translateY(-10%)}to{transform:translate(-1.6%,10%)}}@keyframes starsDriftMid{0%{transform:translateY(-14%)}to{transform:translate(2%,14%)}}@keyframes starsDriftNear{0%{transform:translateY(-18%)}to{transform:translate(-2.5%,18%)}}@keyframes starsTwinkleFar{0%,to{opacity:.19}50%{opacity:.27}}@keyframes starsTwinkleMid{0%,to{opacity:.25}50%{opacity:.34}}@keyframes starsTwinkleNear{0%,to{opacity:.3}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.star-layer{animation:none}}