body{font-family:Inter,sans-serif;background-color:#f8fafc;color:#0f172a;overflow-x:hidden;position:relative;transition:background-color .3s,color .3s}.dark body{background-color:#020617;color:#f8fafc}.section-title{font-size:clamp(1.5rem,5vw + .5rem,3.5rem);line-height:1.1;letter-spacing:-.02em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(min-width:768px){.section-title{letter-spacing:-.035em;line-height:1.05}}.tech-decor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-color:#f8fafc;background-image:radial-gradient(circle at 2px 2px,rgba(59,130,246,.1) 1px,transparent 0);background-size:50px 50px;pointer-events:none;transition:background-color .3s}.dark .tech-decor{background-color:#020617;background-image:radial-gradient(circle at 2px 2px,rgba(59,130,246,.05) 1px,transparent 0)}.circuit-svg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;stroke:#3b82f633;stroke-width:1.5;fill:none;transition:stroke .3s}.dark .circuit-svg{stroke:#3b82f61a}.glass:not(.glass-brand-border){background:#ffffff80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.05)}.glass.glass-brand-border{background:#ffffff80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dark .glass:not(.glass-brand-border){background:#ffffff05;border:1px solid rgba(255,255,255,.08)}.dark .glass.glass-brand-border{background:#ffffff05}.glass-dark{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05)}.dark .glass-dark{background:#020617b3;border:1px solid rgba(255,255,255,.05)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.dark.custom-scrollbar::-webkit-scrollbar-track,.dark .custom-scrollbar::-webkit-scrollbar-track{background:#020617}.custom-scrollbar::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px}@keyframes glitch-anim-1{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(-3px,-2px)}60%{transform:translate(3px,2px)}80%{transform:translate(3px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(3px,2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(-3px,2px)}to{transform:translate(0)}}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.glitch-text.is-glitching:before{opacity:.6;color:#0ff;z-index:-1;animation:glitch-anim-1 .2s cubic-bezier(.25,.46,.45,.94) infinite}.glitch-text.is-glitching:after{opacity:.6;color:#f0f;z-index:-2;animation:glitch-anim-2 .2s cubic-bezier(.25,.46,.45,.94) reverse infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 25s linear infinite}.animate-marquee-slow{animation:marquee 50s linear infinite}.pause-marquee:hover .animate-marquee,.pause-marquee:hover .animate-marquee-slow,.pause-marquee:active .animate-marquee,.pause-marquee:active .animate-marquee-slow,.pause-marquee:focus-within .animate-marquee,.pause-marquee:focus-within .animate-marquee-slow{animation-play-state:paused!important}.blog-page{--blog-bg: #f7f6f3;--blog-surface: #ffffff;--blog-border: rgba(15, 23, 42, .08);--blog-muted: #64748b;background:var(--blog-bg);min-height:100vh}.dark .blog-page{--blog-bg: #0f0f10;--blog-surface: #161618;--blog-border: rgba(255, 255, 255, .08);--blog-muted: #94a3b8}.blog-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(37,99,235,.12),transparent 55%);animation:blog-mesh-drift 18s ease-in-out infinite alternate}.dark .blog-mesh{opacity:.35}@keyframes blog-mesh-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(2%,-1%)}}.blog-reading-bar{position:fixed;top:0;left:0;height:3px;z-index:60;background:#2563eb;transform-origin:left;transition:transform .08s linear;box-shadow:0 0 12px #2563eb80}.font-serif-blog{font-family:"Source Serif 4",Georgia,Times New Roman,serif}.notion-prose .blog-lead{font-size:1.25rem;line-height:1.75;color:#1e293b;margin-bottom:2em;padding-bottom:1.5em;border-bottom:1px solid var(--blog-border, rgba(148, 163, 184, .35))}.dark .notion-prose .blog-lead{color:#e2e8f0}.notion-prose{font-size:1.125rem;line-height:1.85;color:#37352f}.dark .notion-prose{color:#e2e8f0}.notion-prose p{margin-bottom:1.25em}.notion-prose h2{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:2.5em 0 .75em;scroll-margin-top:6rem;color:#0f172a}.dark .notion-prose h2{color:#f8fafc}.notion-prose h3{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700;margin:2em 0 .5em;scroll-margin-top:6rem;color:#1e293b}.dark .notion-prose h3{color:#e2e8f0}.notion-prose blockquote{border-left:3px solid #3b82f6;padding:.75rem 1.25rem;margin:1.5em 0;background:#3b82f60f;border-radius:0 12px 12px 0;font-style:italic}.notion-prose ul,.notion-prose ol{margin:1em 0 1.5em;padding-left:1.5em}.notion-prose li{margin:.35em 0}.notion-prose img{border-radius:16px;margin:0;box-shadow:0 20px 50px #0f172a1f;max-width:100%;height:auto;display:block}.blog-split{display:grid;grid-template-columns:1fr;gap:2rem 2.5rem;align-items:center;margin:2.75em 0;padding:1.75rem 0}@media(min-width:768px){.blog-split{grid-template-columns:1fr 1fr}.blog-split--reverse .blog-split__media{order:2}.blog-split--reverse .blog-split__text{order:1}}.blog-split__text p:last-child{margin-bottom:0}.blog-split__media img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:16px}.blog-figure{margin:2.5em 0;padding:0}.blog-figure img{width:100%;max-height:480px;object-fit:cover;border-radius:20px}.blog-figure figcaption{margin-top:.75rem;font-size:.9rem;color:var(--blog-muted, #64748b);text-align:center;font-style:italic}.blog-callout{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-radius:14px;border:1px solid var(--blog-border, rgba(148, 163, 184, .35));background:var(--blog-surface, rgba(248, 250, 252, .8));margin:2em 0;box-shadow:0 8px 32px #0f172a0f}.dark .blog-callout{background:#1e293b80}.blog-callout__icon{font-size:1.75rem;line-height:1;flex-shrink:0}.blog-callout__body p:last-child{margin-bottom:0}.blog-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--blog-border, rgba(148, 163, 184, .4)) 20%,var(--blog-border, rgba(148, 163, 184, .4)) 80%,transparent);margin:3.5em 0}.notion-prose .blog-highlight{background:linear-gradient(120deg,rgba(59,130,246,.12) 0%,transparent 100%);padding:.15em .35em;border-radius:4px;font-weight:600}.notion-prose table.blog-table{width:100%;border-collapse:collapse;margin:1.5em 0 2em;font-size:.95rem}.notion-prose .blog-table th,.notion-prose .blog-table td{border:1px solid var(--blog-border, #e2e8f0);padding:.65rem 1rem;text-align:left}.notion-prose .blog-table th{background:#3b82f614;font-weight:700}.notion-prose p>img:only-child{margin:2em auto}.notion-prose a{color:#2563eb;text-decoration:underline;text-underline-offset:3px}.notion-prose pre,.notion-prose code{font-family:ui-monospace,monospace;font-size:.9em}.notion-prose pre{background:#1e293b;color:#e2e8f0;padding:1rem 1.25rem;border-radius:12px;overflow-x:auto;margin:1.5em 0}.notion-callout{display:flex;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--blog-border);background:var(--blog-surface);margin:1.5em 0;box-shadow:0 4px 24px #0f172a0a}.blog-toc-link{display:block;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;color:var(--blog-muted);transition:background .2s,color .2s}.blog-toc-link:hover,.blog-toc-link.is-active{background:#3b82f61a;color:#2563eb}.blog-toc-link.depth-3{padding-left:1.25rem;font-size:.75rem}