:root{--bg-base: #02101f;--bg-elev: #101829;--bg-glow-a: rgba(21, 136, 197, .18);--bg-glow-b: rgba(12, 90, 172, .12);--text-main: #edf2ff;--text-muted: #9da8c4;--border-soft: rgba(157, 175, 214, .2);--accent-primary: #7ec9ff;--accent-secondary: #93b3ff}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{position:relative;display:flex;flex-direction:column;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);font-family:Manrope,Segoe UI,sans-serif;overflow-x:hidden}.interactive-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-vignette{position:absolute;inset:0;background:radial-gradient(1100px 680px at 50% -140px,rgba(53,142,199,.18),transparent 64%),linear-gradient(to bottom,#000e1b0f,#00081024)}.star-layer{position:absolute;inset:-120% 0 0;background-repeat:repeat;will-change:transform,opacity}.stars-far{opacity:.22;background-image:radial-gradient(circle,rgba(106,212,255,.52) 1px,transparent 1.6px),radial-gradient(circle,rgba(77,184,231,.34) .9px,transparent 1.5px);background-size:320px 320px,240px 240px;background-position:0 0,120px 80px;animation:starsDriftFar 140s linear infinite,starsTwinkleFar 8s ease-in-out infinite}.stars-mid{opacity:.28;background-image:radial-gradient(circle,rgba(87,201,249,.62) 1.15px,transparent 1.7px),radial-gradient(circle,rgba(46,147,194,.48) 1px,transparent 1.6px);background-size:250px 250px,180px 180px;background-position:40px 20px,90px 130px;animation:starsDriftMid 95s linear infinite,starsTwinkleMid 6s ease-in-out infinite}.bg-noise{position:absolute;inset:0;opacity:.03;background-image:radial-gradient(rgba(255,255,255,.8) .4px,transparent .4px);background-size:4px 4px}.stars-near{opacity:.34;background-image:radial-gradient(circle,rgba(140,229,255,.72) 1.35px,transparent 1.9px),radial-gradient(circle,rgba(98,188,235,.56) 1.2px,transparent 1.8px);background-size:180px 180px,120px 120px;background-position:20px 70px,70px 10px;animation:starsDriftNear 72s linear infinite,starsTwinkleNear 4.8s ease-in-out infinite}a{color:inherit}h1,h2,h3{font-family:Sora,Manrope,sans-serif;letter-spacing:-.02em}p,li,a,span{line-height:1.6}.page-shell{padding-top:64px;position:relative;z-index:1;flex:1}.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{position:fixed;top:0;left:0;width:100%;z-index:110;border-bottom:1px solid rgba(142,177,223,.12);background:#010d1938;backdrop-filter:blur(8px);transition:background .18s ease,border-color .18s ease,backdrop-filter .18s ease,box-shadow .18s ease}body.is-scrolled .site-header{border-bottom-color:#8eb1df33;background:#02101e9e;backdrop-filter:blur(14px);box-shadow:0 6px 22px #00081440}.site-header .shell{margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:800;color:#eff4ff}.nav-right{display:flex;align-items:center;gap:.95rem}.site-header nav{display:flex;gap:1.1rem}.site-header nav a{text-decoration:none;color:#c8d4f2;font-weight:600;transition:color .18s ease}.site-header nav a:hover{color:var(--accent-primary)}.nav-socials{display:flex;align-items:center;gap:.55rem;padding-left:.8rem;border-left:1px solid rgba(142,177,223,.22)}.nav-socials a{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;text-decoration:none;color:#a9bedf;border-radius:.45rem;border:1px solid rgba(136,173,226,.2);background:#0814256b}.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);margin-top:3rem;padding:2rem 1.5rem;background:#020c164d;position:relative;z-index:1}.site-footer p{margin:0 auto;text-align:center;color:#77819c}.split-hero{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2.2rem}.split-hero .left{flex:1}.split-hero .left>*+*{margin-top:1.1rem}.split-hero h1{margin:0;font-size:clamp(2.1rem,4.8vw,3.15rem);line-height:1.04;font-weight:800;color:#f1f5f9}.split-hero h1 span{color:#22d3ee}.split-hero .left p{color:#94a3b8;font-size:1.125rem;max-width:42rem}.actions{display:flex;gap:1rem}.btn-primary{display:inline-block;text-decoration:none;padding:.75rem 1.5rem;border-radius:.5rem;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:#06111f;font-weight:800}.btn-primary:hover{filter:brightness(1.04)}.right{flex:1;display:flex;justify-content:center}.profile-wrap{position:relative}.bubble{position:absolute;top:-1rem;right:-1rem;z-index:2;background:#eaf1ff;color:#0b1830;border-radius:1rem;border-bottom-left-radius:0;padding:.6rem .9rem;border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 34px #040a1680;font-weight:700}.avatar-shell{width:16rem;height:16rem;border-radius:999px;overflow:hidden;border:4px solid rgba(115,148,213,.2);background:#111b2f;box-shadow:0 25px 60px #02061299}.avatar-shell img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .26s ease}.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);margin-left:.75rem;padding-left:2rem;padding-top:.4rem;padding-bottom:.4rem;display:grid;gap:2.2rem}.timeline-item{position:relative}.dot{position:absolute;width:1rem;height:1rem;border-radius:999px;left:-2.55rem;top:.3rem;border:3px solid #0c1525}.dot.cyan{background:#5bc8ff}.dot.yellow{background:#f3d260}.dot.blue{background:#6d8cff}.timeline-item h3{margin:0;font-size:1.2rem}.timeline-item .role{margin:.25rem 0 0;color:var(--text-muted)}.timeline-item .desc{margin:.45rem 0 0;color:#c8d2ea}.skills-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.skills-grid article{padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-soft);background:linear-gradient(180deg,#121e35cc,#0a1220db)}.skills-grid article:hover{border-color:#7ec9ff8c}.skills-grid h3{margin:0 0 .6rem;font-size:1.25rem}.skills-grid p{margin:0;color:var(--text-muted)}.recent-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.recent-head a{color:var(--accent-primary);text-decoration:none;font-weight:600}.recent-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.compact-link,.list-link{text-decoration:none}.compact-card{height:100%;padding:1.5rem;background:linear-gradient(180deg,#141f36d6,#0c1322eb);border-radius:.75rem;border:1px solid var(--border-soft);display:flex;flex-direction:column;transition:border-color .18s ease,transform .18s ease}.compact-card:hover{border-color:#7ec9ff9e;transform:translateY(-2px)}.compact-tag{font-size:.78rem;color:var(--accent-primary);margin-bottom:.7rem;text-transform:capitalize;font-family:JetBrains Mono,monospace}.compact-card h3{margin:0 0 .8rem;font-size:1.25rem}.compact-card p{margin:0 0 1rem;color:var(--text-muted);line-height:1.55;flex:1}.compact-card span{color:var(--accent-primary);font-size:.9rem;font-weight:700}.blog-head{margin-bottom:3rem;text-align:center;max-width:40rem;margin-left:auto;margin-right:auto}.blog-head h1{margin:0 0 1rem;font-size:2.45rem}.blog-head p{margin:0;color:var(--text-muted);font-size:1.08rem}.blog-list{display:flex;flex-direction:column;gap:1.1rem}.list-card{padding:1.75rem 1.75rem 1.5rem;background:linear-gradient(160deg,#0d1527e0,#080e1ce6);border-radius:1.1rem;border:1px solid var(--border-soft);border-left:2px solid rgba(122,177,255,.55);transition:transform .2s ease,border-color .2s ease,box-shadow .22s ease}.list-card:hover{border-color:#9fccffcc;box-shadow:0 14px 34px #376ebc33;transform:translateY(-2px)}.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{margin:.65rem 0 0;color:#9fb1d6;font-size:.98rem;font-family:JetBrains Mono,monospace}.list-card .summary{margin:0;color:#b7c4e0;font-size:1rem;line-height:1.7}.list-card .tags-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.list-card .pill{display:inline-block;background:#4c79ce2e;color:#c8dbff;font-size:.76rem;font-family:JetBrains Mono,monospace;padding:.25rem .52rem;border-radius:999px;text-transform:capitalize;border:1px solid rgba(136,176,241,.27)}.empty,.empty-state{color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--accent-primary);margin-bottom:.6rem;font-weight:600}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.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{margin-top:.8rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.65rem;color:#b0bfdc;font-family:JetBrains Mono,monospace;font-size:.9rem}.post-meta-row>span:not(.author-chip):before{content:"·";margin-right:.65rem;color:#7e94be}.author-chip{display:inline-flex;align-items:center;gap:.45rem;color:#d8e8ff}.author-chip:before{content:none!important}.author-chip img{width:1.15rem;height:1.15rem;border-radius:999px;border:1px solid rgba(160,192,239,.35)}.author-socials{margin-top:.65rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.author-socials a{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;text-decoration:none;border:1px solid rgba(136,173,226,.26);border-radius:.4rem;color:#bfd6ff;background:#08142573}.author-socials a:hover{color:#e2f3ff;border-color:#a6cdff80}.author-socials a svg{width:1.02rem;height:1.02rem}.hero-tags{margin-top:.8rem;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.hero-tags a{border:1px solid rgba(136,173,226,.22);border-radius:.45rem;padding:.2rem .45rem;text-decoration:none;color:#c8dbff;background:#0a192e73;font-size:.85rem;font-family:JetBrains Mono,monospace}.post-nav-cards{margin:1.35rem auto 1.45rem;display:grid;grid-template-columns:1fr;gap:.75rem}.nav-card{border:1px solid rgba(136,173,226,.26);background:#05132494;border-radius:.65rem;text-decoration:none;color:#c9d9f6;padding:.72rem .86rem;min-height:4rem;display:grid;gap:.2rem;transition:border-color .18s ease,background .18s ease}.nav-card:hover{border-color:#acd0ff73;background:#07182dad}.nav-card .label{font-size:.85rem;font-family:JetBrains Mono,monospace;color:#9fb4d8}.nav-card .title{font-size:1rem;color:#d3e5ff}.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{margin-bottom:1.2rem;border:1px solid rgba(136,173,226,.18);border-radius:.9rem;padding:1rem;background:#03101f80}.post-toc h2{margin:0 0 .7rem;font-size:2rem;letter-spacing:.015em;font-family:JetBrains Mono,monospace}.post-toc ul{margin:0;padding-left:0;list-style:none;display:grid;gap:.32rem}.post-toc a{text-decoration:none;color:#93abc9;font-size:.92rem;font-family:JetBrains Mono,monospace;opacity:.88}.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);border-radius:10px;padding:.8rem;overflow:auto;background:#040812d9}.prose-wrap blockquote{margin:1.3rem 0;padding:.9rem 1rem;border-left:3px solid #3da6ff;background:#08132299;border-radius:.45rem}.prose-wrap code:not(pre code){background:#0b1426e0;border:1px solid var(--border-soft);padding:.1rem .35rem;border-radius:6px}.prose-wrap img{max-width:100%;width:auto;height:auto;object-fit:contain;display:block;margin:1rem auto;border-radius:.75rem;border:1px solid var(--border-soft)}.series-box{margin-top:2.5rem;border:1px solid var(--border-soft);border-radius:12px;padding:1rem;background:#080d18a3}.post-end{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid var(--border-soft)}.post-end p{color:#7b86a4;font-style:italic}.posts-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.post-card{border:1px solid var(--border-soft);border-radius:14px;padding:1.2rem;background:linear-gradient(145deg,#111c31e0,#0a111ff0);transition:border-color .18s ease,transform .18s ease}.post-card:hover{border-color:#7ec9ff9e;transform:translateY(-2px)}.post-card h2{margin:.2rem 0 .6rem;font-size:1.35rem}.post-card h2 a{text-decoration:none;color:var(--text-main)}.post-card p{color:var(--text-muted);margin-bottom:.8rem}.meta{color:#8590ab;font-size:.88rem;font-family:JetBrains Mono,monospace}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tags a{color:#c4daff;text-decoration:none;font-size:.82rem;border:1px solid var(--border-soft);padding:.2rem .5rem;border-radius:999px}.tag-cloud{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.tag-cloud a{text-decoration:none;border:1px solid var(--border-soft);border-radius:999px;padding:.45rem .75rem;color:#d3e2ff;background:#101b2fb3}.tag-cloud span{color:var(--text-muted)}@media(min-width:768px){.split-hero{flex-direction:row;gap:2.6rem}.recent-grid,.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:2rem;align-items:start}.post-toc{grid-column:1;position:sticky;top:84px;margin-bottom:0;max-height:calc(100vh - 110px);overflow:auto}.post-content{grid-column:2}.post-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-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{display:inline-flex;gap:.4rem;padding-left:0;border-left:0}.nav-socials a{width:1.55rem;height:1.55rem;border-radius:.4rem}.nav-socials a svg{width:.88rem;height:.88rem}}@media(max-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:translate3d(0,-10%,0)}to{transform:translate3d(-1.6%,10%,0)}}@keyframes starsDriftMid{0%{transform:translate3d(0,-14%,0)}to{transform:translate3d(2%,14%,0)}}@keyframes starsDriftNear{0%{transform:translate3d(0,-18%,0)}to{transform:translate3d(-2.5%,18%,0)}}@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}}