:global(.dark){--tw-prose-body: #ffffff !important;--tw-prose-headings: #ffffff !important;--tw-prose-lead: #ffffff !important;--tw-prose-links: #000000 !important;--tw-prose-bold: #ffffff !important;--tw-prose-counters: #ffffff !important;--tw-prose-bullets: #ffffff !important;--tw-prose-hr: #334155 !important;--tw-prose-quotes: #ffffff !important;--tw-prose-quote-borders: #334155 !important;--tw-prose-captions: #ffffff !important;--tw-prose-code: #ffffff !important;--tw-prose-pre-code: #ffffff !important;--tw-prose-pre-bg: #0f172a !important;--tw-prose-th-borders: #334155 !important;--tw-prose-td-borders: #334155 !important}:global(.dark) .prose *{color:#fff!important}:global(.dark) .prose a{color:#000!important}:global(.dark) .about-hero *{color:#fff!important}:global(.dark) .about-hero .kicker{color:#e2e8f0!important}:global(.dark) section *,:global(.dark) main *,:global(.dark) div *{color:#fff!important}:global(.dark) section a,:global(.dark) main a,:global(.dark) div a{color:#000!important}.about-grid{display:grid;gap:32px;margin-top:24px}@media(min-width:1024px){.about-grid{grid-template-columns:1fr 320px}}.card{border-radius:18px;background:#fff;box-shadow:0 10px 30px #02061714}:global(.dark) .card{background:#0b1220;box-shadow:0 10px 30px #00000059}.about-hero{display:grid;grid-template-columns:1fr;gap:16px;padding:14px;margin-bottom:16px;text-align:center}@media(min-width:640px){.about-hero{grid-template-columns:192px 1fr;text-align:left}}.about-hero .title{margin:.1rem 0 .25rem;font-weight:800;letter-spacing:-.01em;font-size:clamp(1.6rem,2vw + 1rem,2.1rem)}.about-hero .kicker{color:#475569;margin-top:.15rem}.avatar{width:192px;height:192px;border-radius:18px;object-fit:cover;justify-self:center}@media(min-width:640px){.avatar{justify-self:start}}.cta{display:flex;gap:.6rem;margin-top:.6rem;justify-content:center;flex-wrap:wrap}@media(min-width:640px){.cta{justify-content:flex-start}}.btn{height:40px;padding:0 14px;border-radius:12px;border:1px solid #e2e8f0;text-decoration:none;color:#0f172a;display:inline-flex;align-items:center;font-weight:700}.btn-primary{background:transparent;border-color:#e2e8f0;color:#0f172a}.btn-ghost{background:transparent}.btn:hover{transform:translateY(-1px)}:global(.dark) .btn{border-color:#334155;color:#e2e8f0}.prose{max-width:min(68ch,100%);line-height:1.72}.prose h2{margin-top:1.6rem;font-weight:900;font-size:clamp(1.25rem,1vw+1rem,1.5rem)}.prose p+p{margin-top:.9rem}.content-area{max-width:min(68ch,100%);line-height:1.72}.content-area h1,.content-area h2,.content-area h3,.content-area h4,.content-area h5,.content-area h6{font-weight:900;margin-top:1.6rem;color:inherit}.content-area h2{font-size:clamp(1.25rem,1vw+1rem,1.5rem)}.content-area p{color:inherit}.content-area p+p{margin-top:.9rem}.content-area ul,.content-area ol{color:inherit}.content-area li{color:inherit;margin:.25rem 0}.content-area strong,.content-area em{color:inherit}.content-area a{text-decoration:none;border-bottom:1px dotted transparent}.content-area a:hover,.content-area a:focus{border-bottom-color:currentColor}:global(.dark) .content-area,:global(.dark) .content-area *:not(a){color:#fff!important}:global(.dark) .content-area a{color:#000!important}:global(.dark) .content-area a:hover{color:#0f766e!important}.callout{border-left:3px solid #000000;padding:.8rem 1rem;margin:1rem 0;background:color-mix(in oklab,white 92%,#0f172a);border-radius:12px}@media(min-width:1024px){.sidebar{position:sticky;top:96px;height:max-content}}.lang{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.lang a{color:#64748b;text-decoration:none}.lang a:hover{color:#000}:global(.dark) .callout{background:color-mix(in oklab,#0b1220 92%,#f8fafc)}.site-header{padding-block:.625rem}.tagline{font-style:italic}:global(.dark) .tagline{background:#1e293b!important;border-color:#334155!important;color:#fff!important}:global(.dark) .prose{--tw-prose-body: #ffffff !important;--tw-prose-headings: #ffffff !important;--tw-prose-lead: #ffffff !important;--tw-prose-links: #000000 !important;--tw-prose-bold: #ffffff !important;--tw-prose-counters: #ffffff !important;--tw-prose-bullets: #ffffff !important;--tw-prose-hr: #334155 !important;--tw-prose-quotes: #ffffff !important;--tw-prose-quote-borders: #334155 !important;--tw-prose-captions: #ffffff !important;--tw-prose-code: #ffffff !important;--tw-prose-pre-code: #ffffff !important;--tw-prose-pre-bg: #0f172a !important;--tw-prose-th-borders: #334155 !important;--tw-prose-td-borders: #334155 !important}:global(html.dark) .prose,:global(html.dark) .prose p,:global(html.dark) .prose h1,:global(html.dark) .prose h2,:global(html.dark) .prose h3,:global(html.dark) .prose h4,:global(html.dark) .prose h5,:global(html.dark) .prose h6,:global(html.dark) .prose li,:global(html.dark) .prose ul,:global(html.dark) .prose ol,:global(html.dark) .prose strong,:global(html.dark) .prose em,:global(html.dark) .prose span,:global(html.dark) .prose div,:global(html.dark) body .prose,:global(html.dark) body .prose *:not(a){color:#fff!important}:global(html.dark) .prose a,:global(html.dark) body .prose a{color:#000!important}:global(html.dark) .prose a:hover,:global(html.dark) body .prose a:hover{color:#0f766e!important}:global(.dark) *[class*=prose] *{color:#fff!important}:global(.dark) *[class*=prose] a{color:#000!important}.prose a{text-decoration:none;border-bottom:1px dotted transparent}.prose a:hover,.prose a:focus{border-bottom-color:currentColor}ul.compact li{margin:.25rem 0}.post-mini .thumb{width:56px;height:56px;object-fit:cover;border-radius:.5rem}.post-mini .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
