@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-base: #030712;--surface-rgb: 15, 23, 42;--text-primary-rgb: 248, 250, 252;--text-secondary-rgb: 226, 232, 240;--muted-rgb: 148, 163, 184;--bg-gradient-1: rgba(99, 102, 241, .25);--bg-gradient-2: rgba(14, 165, 233, .2);--shadow-rgb: 15, 23, 42;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:rgb(var(--text-primary-rgb));background-color:var(--bg-base);color-scheme:dark;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body[data-theme=light]{--bg-base: #f8fafc;--surface-rgb: 255, 255, 255;--text-primary-rgb: 15, 23, 42;--text-secondary-rgb: 51, 65, 85;--muted-rgb: 100, 116, 139;--bg-gradient-1: rgba(129, 140, 248, .18);--bg-gradient-2: rgba(56, 189, 248, .15);--shadow-rgb: 15, 23, 42;color-scheme:light}body[data-theme=light] .hero__badge{background:#f1f5f9e6;border-color:rgba(var(--muted-rgb),.45);color:#1e293bd9}body[data-theme=light] .badge__pulse{background:#38bdf8;box-shadow:0 0 #38bdf899}body[data-theme=light] .btn.primary{color:#0f172a;box-shadow:0 18px 35px #6366f140}body[data-theme=light] .btn.primary:hover{box-shadow:0 16px 28px #6366f147}body[data-theme=light] .btn.ghost{background:#ffffffeb;border-color:rgba(var(--muted-rgb),.35);color:#1e293be6}body[data-theme=light] .btn.ghost:hover,body[data-theme=light] .btn.ghost:focus-visible{background:#fff;border-color:rgba(var(--muted-rgb),.55);color:#0f172af2}body[data-theme=light] .section--contact{background:#ffffffd9;border-color:rgba(var(--muted-rgb),.18)}*,*:before,*:after{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:rgb(var(--text-primary-rgb));text-decoration:none}body{margin:0;min-height:100vh;background:radial-gradient(1200px circle at -10% 0%,var(--bg-gradient-1),transparent 55%),radial-gradient(900px circle at 90% -10%,var(--bg-gradient-2),transparent 60%),var(--bg-base);color:rgb(var(--text-primary-rgb))}#app{min-height:100vh;position:relative;overflow:hidden}#app:before,#app:after{content:"";position:fixed;width:22rem;height:22rem;background:radial-gradient(circle,rgba(99,102,241,.45),transparent 70%);filter:blur(80px);opacity:.7;z-index:0}#app:before{top:-6rem;left:-4rem}#app:after{bottom:-6rem;right:-3rem;background:radial-gradient(circle,rgba(14,165,233,.45),transparent 70%)}main{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:3.5rem 1.5rem 6rem;display:flex;flex-direction:column;gap:5rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.5rem;border-radius:999px;background:rgba(var(--surface-rgb),.65);border:1px solid rgba(var(--muted-rgb),.1);backdrop-filter:blur(28px);position:sticky;top:1.5rem;z-index:10}.brand{display:flex;align-items:center;gap:.75rem;font-family:Space Grotesk,Inter,sans-serif;font-weight:600;letter-spacing:-.01em}.brand__dot{display:inline-flex;width:.75rem;height:.75rem;border-radius:999px;background:linear-gradient(135deg,#6366f1,#22d3ee);box-shadow:0 0 18px #6366f199}.brand__name{font-size:1.05rem}.brand__role{font-size:.75rem;color:rgba(var(--muted-rgb),.85)}.nav nav ul{list-style:none;display:flex;gap:1.5rem}.nav nav a{font-size:.95rem;color:rgba(var(--text-secondary-rgb),.9);transition:color .16s ease,transform .16s ease}.nav nav a:hover,.nav nav a:focus-visible{color:rgb(var(--text-primary-rgb));transform:translateY(-1px)}.nav__actions{display:flex;gap:.75rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.15rem;border-radius:999px;font-size:.95rem;font-weight:500;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#0b1120;box-shadow:0 20px 45px #4f46e559}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 18px 35px #4f46e566}.btn.ghost{background:rgba(var(--surface-rgb),.6);border-color:rgba(var(--muted-rgb),.25);color:rgba(var(--text-secondary-rgb),.9)}.btn.ghost:hover{border-color:rgba(var(--muted-rgb),.45);color:rgb(var(--text-primary-rgb));transform:translateY(-1px)}.btn.outline{border-color:#4f46e58c;background:transparent;color:rgba(var(--text-secondary-rgb),.9)}.btn.outline:hover{color:rgb(var(--text-primary-rgb));transform:translateY(-1px)}.hero{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;border-radius:2rem;background:rgba(var(--surface-rgb),.45);border:1px solid rgba(var(--muted-rgb),.12);backdrop-filter:blur(30px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(99,102,241,.35),transparent 55%);opacity:.9;pointer-events:none}.hero__badge{display:inline-flex;gap:.5rem;align-items:center;align-self:flex-start;font-size:.85rem;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(96,165,250,.5);background:rgba(var(--surface-rgb),.6);color:#bfdbfef2;position:relative}.badge__pulse{width:.55rem;height:.55rem;border-radius:999px;background:#22d3ee;box-shadow:0 0 #22d3ee99;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #22d3ee99}70%{box-shadow:0 0 0 12px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}.hero h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.8rem,5vw,4rem);line-height:1.05;letter-spacing:-.02em;margin:0}.gradient-text{display:block;background:linear-gradient(135deg,#a855f7,#22d3ee,#60a5fa);-webkit-background-clip:text;color:transparent}.hero__copy{font-size:1.1rem;max-width:60ch;color:rgba(var(--text-secondary-rgb),.82)}.hero__meta{display:flex;flex-wrap:wrap;gap:.75rem;color:rgba(var(--muted-rgb),.95);font-size:.9rem}.hero__meta span{background:rgba(var(--surface-rgb),.55);padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(var(--muted-rgb),.12)}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero__stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1rem}.stat{padding:1.1rem 1.25rem;border-radius:1.25rem;border:1px solid rgba(var(--muted-rgb),.12);background:rgba(var(--surface-rgb),.55);display:flex;flex-direction:column;gap:.3rem}.stat__value{font-size:1.5rem;font-weight:600;font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.01em}.stat__label{color:rgba(var(--muted-rgb),.9);font-size:.85rem}.marquee{overflow:hidden;border-radius:999px;border:1px solid rgba(var(--muted-rgb),.12);background:rgba(var(--surface-rgb),.55);padding:.75rem 0;position:relative}.marquee:before,.marquee:after{content:"";position:absolute;top:0;width:4rem;height:100%;pointer-events:none;z-index:1}.marquee:before{left:0;background:linear-gradient(to right,rgba(var(--surface-rgb),1),rgba(var(--surface-rgb),0))}.marquee:after{right:0;background:linear-gradient(to left,rgba(var(--surface-rgb),1),rgba(var(--surface-rgb),0))}.marquee__track{display:flex;gap:1.25rem;width:max-content;animation:marquee 26s linear infinite;padding-left:1.25rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .95rem;border-radius:999px;background:#6366f124;border:1px solid rgba(99,102,241,.3);font-size:.85rem;color:rgba(var(--text-secondary-rgb),.88)}.section{display:flex;flex-direction:column;gap:2.5rem}.section__heading{display:flex;flex-direction:column;gap:.85rem;max-width:60ch}.section__heading h2{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,4vw,2.6rem);line-height:1.1;margin:0}.section__heading p{color:rgba(var(--text-secondary-rgb),.78);margin:0;font-size:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:rgba(var(--muted-rgb),.75)}.project-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{position:relative;padding:2rem 1.75rem;border-radius:1.5rem;border:1px solid rgba(var(--muted-rgb),.12);background:rgba(var(--surface-rgb),.6);overflow:hidden;min-height:260px;display:flex;flex-direction:column;gap:1.5rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.project-card:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:.18;pointer-events:none}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--surface-rgb),0),rgba(var(--surface-rgb),.92) 80%);pointer-events:none}.project-card:hover{transform:translateY(-4px);border-color:rgba(var(--muted-rgb),.25);background:rgba(var(--surface-rgb),.7)}.project-card>*{position:relative;z-index:1}.project-card__meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.pill{display:inline-flex;align-items:center;padding:.4rem .95rem;border-radius:999px;background:rgba(var(--surface-rgb),.75);border:1px solid rgba(var(--muted-rgb),.3);font-size:.8rem;color:rgba(var(--text-secondary-rgb),.92);font-weight:500}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.tag{padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(var(--muted-rgb),.26);background:rgba(var(--surface-rgb),.6);font-size:.75rem;color:rgba(var(--muted-rgb),.95)}.skill-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skill-group{padding:1.5rem;border-radius:1.25rem;border:1px solid rgba(var(--muted-rgb),.18);background:rgba(var(--surface-rgb),.65);display:flex;flex-direction:column;gap:.9rem}.skill-group__header h3{margin:0;font-size:1.1rem;font-family:Space Grotesk,Inter,sans-serif}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tags span{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(var(--muted-rgb),.28);background:rgba(var(--surface-rgb),.55);font-size:.8rem;color:rgba(var(--text-secondary-rgb),.9)}.education-list{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.education-card{padding:1.6rem;border-radius:1.25rem;border:1px solid rgba(var(--muted-rgb),.18);background:rgba(var(--surface-rgb),.62);display:flex;flex-direction:column;gap:.8rem}.education-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.education-card__header h3{margin:0;font-size:1.05rem;font-family:Space Grotesk,Inter,sans-serif}.education-card__header span{font-size:.85rem;color:rgba(var(--muted-rgb),.85)}.education-card__degree{margin:0;color:rgba(var(--text-secondary-rgb),.9);font-size:.92rem}.education-card__highlights{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.45rem;font-size:.88rem;color:rgba(var(--text-secondary-rgb),.84)}.project-card__body{display:flex;flex-direction:column;gap:.75rem}.project-card__body h3{margin:0;font-size:1.35rem;font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.01em}.project-card__body p{margin:0;color:rgba(var(--text-secondary-rgb),.78);font-size:.95rem}.project-card__cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;font-weight:500;color:rgba(var(--text-secondary-rgb),.92);border-bottom:1px solid rgba(var(--text-secondary-rgb),.3);padding-bottom:.25rem;transition:color .16s ease,transform .16s ease}.project-card__cta span{font-size:1rem;transition:transform .16s ease}.project-card__cta:hover,.project-card__cta:focus-visible{color:rgb(var(--text-primary-rgb));transform:translateY(-1px)}.project-card__cta:hover span,.project-card__cta:focus-visible span{transform:translate(2px)}.experience-list{display:grid;gap:1.5rem}.experience-card{padding:1.75rem;border-radius:1.5rem;border:1px solid rgba(var(--muted-rgb),.12);background:rgba(var(--surface-rgb),.55);display:flex;flex-direction:column;gap:1rem}.experience-card__header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;align-items:baseline}.experience-card__period{font-size:.85rem;color:rgba(var(--muted-rgb),.82);letter-spacing:.08em;text-transform:uppercase}.experience-card__role h3{margin:0;font-size:1.2rem;font-family:Space Grotesk,Inter,sans-serif}.experience-card__role span{display:block;font-size:.9rem;color:rgba(var(--muted-rgb),.85)}.experience-card__summary{margin:0;color:rgba(var(--text-secondary-rgb),.78);font-size:.95rem}.experience-card__achievements{margin:0;padding-left:1.1rem;color:rgba(var(--muted-rgb),.92);display:flex;flex-direction:column;gap:.6rem;font-size:.9rem}.service-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.service-card{padding:1.75rem;border-radius:1.5rem;border:1px solid rgba(var(--muted-rgb),.12);background:rgba(var(--surface-rgb),.55);display:flex;flex-direction:column;gap:.75rem}.service-card h3{margin:0;font-size:1.2rem;font-family:Space Grotesk,Inter,sans-serif}.service-card p{margin:0;color:rgba(var(--text-secondary-rgb),.78);font-size:.95rem}.service-card ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;color:rgba(var(--muted-rgb),.92);font-size:.9rem}.testimonial-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.testimonial-card{padding:1.75rem;border-radius:1.5rem;border:1px solid rgba(var(--muted-rgb),.12);background:rgba(var(--surface-rgb),.55);display:flex;flex-direction:column;gap:1.25rem}.testimonial-card blockquote{margin:0;font-size:1rem;line-height:1.6;color:rgba(var(--text-secondary-rgb),.88)}.testimonial-card__name{font-weight:600;display:block;color:rgba(var(--text-secondary-rgb),.95)}.testimonial-card__role{display:block;font-size:.85rem;color:rgba(var(--muted-rgb),.85)}.section--contact{padding:2.5rem;border-radius:2rem;border:1px solid rgba(var(--muted-rgb),.12);background:rgba(var(--surface-rgb),.65);overflow:hidden;position:relative}.section--contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(99,102,241,.35),transparent 55%);opacity:.8;pointer-events:none}.contact__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.25rem}.contact__cta{align-self:flex-start}.contact__links{display:flex;flex-wrap:wrap;gap:.85rem}.contact__links a{font-size:.95rem;color:rgba(var(--text-secondary-rgb),.88);border-bottom:1px solid rgba(var(--text-secondary-rgb),.25);padding-bottom:.2rem;transition:color .16s ease,border-color .16s ease}.contact__links a:hover,.contact__links a:focus-visible{color:rgb(var(--text-primary-rgb));border-color:rgba(var(--text-secondary-rgb),.55)}.footer{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;color:rgba(var(--muted-rgb),.85);font-size:.9rem;border-top:1px solid rgba(var(--muted-rgb),.12);padding-top:2rem}.footer__links{display:flex;flex-wrap:wrap;gap:.85rem}.footer__links a{color:rgba(var(--text-secondary-rgb),.88);transition:color .16s ease}.footer__links a:hover,.footer__links a:focus-visible{color:rgb(var(--text-primary-rgb))}@media (max-width: 900px){.nav{flex-wrap:wrap}.nav nav ul{gap:1rem}.nav__actions{width:100%;justify-content:flex-end}}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:999px;border:1px solid rgba(var(--muted-rgb),.35);background:rgba(var(--surface-rgb),.6);color:rgba(var(--text-secondary-rgb),.95);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:rgba(var(--muted-rgb),.55);background:rgba(var(--surface-rgb),.75);color:rgb(var(--text-primary-rgb));transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid rgba(var(--text-secondary-rgb),.45);outline-offset:2px}.theme-toggle svg{width:1.1rem;height:1.1rem;stroke:currentColor}.theme-toggle__label{font-size:.9rem;font-weight:500;line-height:1}.mobile-nav svg{width:1.2rem;height:1.2rem;stroke:currentColor}.mobile-nav{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(92vw,420px);padding:.45rem;border-radius:999px;border:1px solid rgba(var(--muted-rgb),.25);background:rgba(var(--surface-rgb),.85);backdrop-filter:blur(18px);display:none;align-items:center;gap:.35rem;z-index:24;box-shadow:0 18px 35px rgba(var(--shadow-rgb),.45)}.mobile-nav a,.mobile-nav__toggle{flex:1;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.6rem .75rem;border-radius:999px;border:1px solid transparent;font-size:.85rem;font-weight:500;text-decoration:none;color:rgba(var(--text-secondary-rgb),.92);background:transparent;transition:background .16s ease,color .16s ease,border-color .16s ease}.mobile-nav a span[aria-hidden=true],.mobile-nav__toggle span[aria-hidden=true]{font-size:1.2rem;line-height:1}.mobile-nav a:hover,.mobile-nav a:focus-visible,.mobile-nav__toggle:hover,.mobile-nav__toggle:focus-visible{background:rgba(var(--surface-rgb),.65);color:rgb(var(--text-primary-rgb));border-color:rgba(var(--muted-rgb),.4)}.mobile-nav__toggle{cursor:pointer;font-size:1rem}@supports (padding: env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:calc(.45rem + env(safe-area-inset-bottom))}}@media (max-width: 1250px){main{padding:2.5rem 1.25rem 7.5rem;gap:4rem}.nav{position:static;padding:.85rem 1.25rem}.nav nav,.nav__actions{display:none}.mobile-nav{display:flex}}@media (max-width: 640px){.hero,.section--contact{padding:2rem}.footer{flex-direction:column;align-items:flex-start;gap:.6rem}}@media (max-width: 480px){.nav nav ul{flex-wrap:wrap;justify-content:center;gap:.75rem}.hero{padding:1.75rem;gap:1.25rem}.hero h1{font-size:clamp(2.2rem,9vw,2.6rem)}.hero__actions{flex-direction:column;align-items:stretch}.project-card{padding:1.75rem 1.5rem}.project-card__meta{flex-direction:column;align-items:flex-start;gap:.5rem}.experience-card,.service-card,.testimonial-card{padding:1.5rem}}@media (min-width: 1200px){main{max-width:1200px;padding-left:2rem;padding-right:2rem}.project-grid,.service-grid,.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.page-header{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;margin-bottom:2.5rem}.page-header h1{margin:0;font-size:clamp(2.2rem,4vw,3rem);font-family:Space Grotesk,Inter,sans-serif}.page-header p{margin:0;max-width:65ch;color:rgba(var(--text-secondary-rgb),.9)}.blog-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.blog-card{padding:1.75rem;border-radius:1.5rem;border:1px solid rgba(var(--muted-rgb),.18);background:rgba(var(--surface-rgb),.6);display:flex;flex-direction:column;gap:1rem;transition:border-color .16s ease,transform .16s ease,background .16s ease}.blog-card:hover,.blog-card:focus-within{border-color:rgba(var(--muted-rgb),.32);background:rgba(var(--surface-rgb),.7);transform:translateY(-4px)}.blog-card__meta{display:flex;gap:.35rem;color:rgba(var(--muted-rgb),.85);font-size:.85rem}.blog-card h2{margin:0;font-size:1.45rem;font-family:Space Grotesk,Inter,sans-serif}.blog-card h2 a{color:inherit}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-card__tags span{padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(var(--muted-rgb),.25);background:rgba(var(--surface-rgb),.55);font-size:.75rem}.blog-card__cta{align-self:flex-start;font-weight:600;color:rgb(var(--text-primary-rgb));border-bottom:1px solid rgba(var(--text-primary-rgb),.4);padding-bottom:.2rem;transition:color .16s ease,border-color .16s ease}.blog-card__cta:hover,.blog-card__cta:focus-visible{color:rgba(var(--text-primary-rgb),.75);border-color:rgba(var(--text-primary-rgb),.6)}.blog-detail{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.blog-detail__header{display:flex;flex-direction:column;gap:.75rem}.blog-detail__header h1{margin:0;font-size:clamp(2.4rem,5vw,3.3rem);font-family:Space Grotesk,Inter,sans-serif}.blog-detail__meta{display:flex;gap:.5rem;color:rgba(var(--muted-rgb),.85);font-size:.95rem}.blog-detail__tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-detail__tags span{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(var(--muted-rgb),.3);background:rgba(var(--surface-rgb),.6);font-size:.8rem}.blog-detail__layout{display:grid;gap:2.5rem;grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);align-items:start}.blog-detail__body{display:flex;flex-direction:column;gap:1.5rem;color:rgba(var(--text-secondary-rgb),.94)}.blog-detail__body h2,.blog-detail__body h3{margin:2rem 0 .75rem;font-family:Space Grotesk,Inter,sans-serif;color:rgb(var(--text-primary-rgb))}.blog-detail__body pre{margin:0;padding:1.25rem;border-radius:1.1rem;background:#0f172ad9;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:auto}body[data-theme=light] .blog-detail__body pre{background:#0f172ae6}.blog-detail__body code{font-family:JetBrains Mono,Fira Code,monospace}.blog-detail__body ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.blog-toc{position:sticky;top:7rem;display:flex;flex-direction:column;gap:.75rem;border-left:1px solid rgba(var(--muted-rgb),.2);padding-left:1.25rem;color:rgba(var(--muted-rgb),.85)}.blog-toc strong{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--muted-rgb),.75)}.blog-toc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.blog-toc li a{color:rgba(var(--text-secondary-rgb),.85);font-size:.9rem}.blog-toc li a:hover,.blog-toc li a:focus-visible{color:rgb(var(--text-primary-rgb))}.blog-toc li.item-subheading{padding-left:1rem;font-size:.85rem}.blog-detail__actions{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.page-empty{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin:3rem 0}.page-empty h1,.page-empty h2{margin:0}body[data-theme=light] .blog-card{background:#ffffffeb;border-color:rgba(var(--muted-rgb),.22)}body[data-theme=light] .blog-card:hover,body[data-theme=light] .blog-card:focus-within{background:#fff}body[data-theme=light] .blog-detail__tags span,body[data-theme=light] .blog-card__tags span{background:#f1f5f9f2;border-color:rgba(var(--muted-rgb),.3)}@media (max-width: 1250px){.blog-detail__layout{grid-template-columns:minmax(0,1fr)}.blog-toc{position:static;border:none;padding-left:0;flex-direction:row;flex-wrap:wrap;gap:.5rem}.blog-toc ul{flex-direction:row;flex-wrap:wrap;gap:.75rem}.blog-toc li.item-subheading{padding-left:0}}@media (max-width: 640px){.blog-card{padding:1.5rem}.blog-detail__actions{flex-direction:column;align-items:stretch}}