.page-layout[data-astro-cid-va2vjua6]{position:relative;min-height:100vh;padding-top:100px;background:var(--bg-elevated)}.page-layout[data-astro-cid-va2vjua6]>*:not(.page-gradient){position:relative;z-index:1}.blog-detail[data-astro-cid-va2vjua6]{max-width:1100px;margin:0 auto;padding:0 var(--space-6)}.blog-article[data-astro-cid-va2vjua6]{padding:var(--space-12) 0 var(--space-12)}.blog-article[data-astro-cid-va2vjua6] article[data-astro-cid-va2vjua6]{animation:fadeIn var(--duration-medium) var(--ease-out)}.blog-hero[data-astro-cid-va2vjua6]{position:relative;margin:0 0 var(--space-10);border-radius:var(--radius-lg);overflow:hidden}.blog-hero[data-astro-cid-va2vjua6]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to top,var(--bg-elevated) 0%,transparent 3%),linear-gradient(to right,var(--bg-elevated) 0%,transparent 1%),linear-gradient(to left,var(--bg-elevated) 0%,transparent 1%)}.blog-hero__image[data-astro-cid-va2vjua6]{width:100%;display:block;mask-image:linear-gradient(to bottom,transparent 0%,black 2%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 2%)}[data-theme=light] .blog-hero[data-astro-cid-va2vjua6]:after{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.blog-header[data-astro-cid-va2vjua6]{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-medium)}.blog-title[data-astro-cid-va2vjua6]{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-6)}.blog-title[data-astro-cid-va2vjua6] span[data-astro-cid-va2vjua6][data-lang]{display:none}html[lang=en] .blog-title[data-astro-cid-va2vjua6] span[data-astro-cid-va2vjua6][data-lang=en],html[lang=id] .blog-title[data-astro-cid-va2vjua6] span[data-astro-cid-va2vjua6][data-lang=id]{display:inline}.blog-meta[data-astro-cid-va2vjua6]{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6)}.blog-date[data-astro-cid-va2vjua6]{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.blog-tags[data-astro-cid-va2vjua6]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-tag[data-astro-cid-va2vjua6]{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--bg-surface);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-accent)}.blog-summary[data-astro-cid-va2vjua6]{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);font-style:italic}.blog-summary[data-astro-cid-va2vjua6] span[data-astro-cid-va2vjua6][data-lang]{display:none}html[lang=en] .blog-summary[data-astro-cid-va2vjua6] span[data-astro-cid-va2vjua6][data-lang=en],html[lang=id] .blog-summary[data-astro-cid-va2vjua6] span[data-astro-cid-va2vjua6][data-lang=id]{display:inline}.blog-content[data-astro-cid-va2vjua6]{font-size:1.0625rem;line-height:1.6;color:var(--color-text-primary)}.blog-content[data-astro-cid-va2vjua6] [data-bilingual] [data-lang]{display:none}html[lang=en] .blog-content[data-astro-cid-va2vjua6] [data-bilingual] [data-lang=en],html[lang=id] .blog-content[data-astro-cid-va2vjua6] [data-bilingual] [data-lang=id]{display:block}.blog-content[data-astro-cid-va2vjua6] h1,.blog-content[data-astro-cid-va2vjua6] h2,.blog-content[data-astro-cid-va2vjua6] h3,.blog-content[data-astro-cid-va2vjua6] h4,.blog-content[data-astro-cid-va2vjua6] h5,.blog-content[data-astro-cid-va2vjua6] h6{font-family:var(--font-primary);font-weight:var(--weight-bold);line-height:1.3;color:var(--color-text-primary);margin-top:2.5rem;margin-bottom:1rem}.blog-content[data-astro-cid-va2vjua6] h1{font-size:2rem;margin-top:3rem}.blog-content[data-astro-cid-va2vjua6] h2{font-size:1.625rem;margin-top:2.5rem}.blog-content[data-astro-cid-va2vjua6] h3{font-size:1.375rem;margin-top:2rem}.blog-content[data-astro-cid-va2vjua6] p{margin-bottom:1.25rem}.blog-content[data-astro-cid-va2vjua6] a{color:var(--color-link);text-decoration:underline;text-decoration-color:var(--color-link);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}.blog-content[data-astro-cid-va2vjua6] a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.blog-content[data-astro-cid-va2vjua6] ul{list-style:disc;margin-bottom:1.25rem;padding-left:1.75rem;line-height:1.7}.blog-content[data-astro-cid-va2vjua6] ol{list-style:decimal;margin-bottom:1.25rem;padding-left:1.75rem;line-height:1.7}.blog-content[data-astro-cid-va2vjua6] li{margin-bottom:.5rem}.blog-content[data-astro-cid-va2vjua6] li:last-child{margin-bottom:0}.blog-content[data-astro-cid-va2vjua6] code{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.875em;background:var(--bg-elevated);letter-spacing:0;padding:.125rem .375rem;border-radius:3px;border:1px solid var(--color-border-medium)}.blog-content[data-astro-cid-va2vjua6] pre{background:var(--bg-elevated);padding:1.25rem;border-radius:6px;border:1px solid var(--color-border-medium);overflow-x:auto;margin-bottom:1.5rem;line-height:1.5}.blog-content[data-astro-cid-va2vjua6] pre code{background:none;padding:0;border:none}.blog-content[data-astro-cid-va2vjua6] blockquote{border-left:3px solid var(--color-accent-primary);padding-left:1.25rem;margin-left:0;margin-bottom:1.5rem;color:var(--color-text-secondary);font-style:italic;font-size:1.0625rem}.blog-content[data-astro-cid-va2vjua6] img{max-width:100%;height:auto;border-radius:6px;margin:2rem 0}.blog-content[data-astro-cid-va2vjua6] hr{border:none;border-top:1px solid var(--color-border-medium);margin:2.5rem 0}@media(max-width:768px){.page-layout[data-astro-cid-va2vjua6]{padding-top:80px}.blog-detail[data-astro-cid-va2vjua6]{padding:0 var(--space-4)}.blog-article[data-astro-cid-va2vjua6]{padding:var(--space-8) 0 var(--space-8)}.blog-title[data-astro-cid-va2vjua6]{font-size:var(--text-3xl)}.blog-summary[data-astro-cid-va2vjua6]{font-size:var(--text-base)}.blog-content[data-astro-cid-va2vjua6]{font-size:1rem}.blog-content[data-astro-cid-va2vjua6] h1{font-size:1.75rem}.blog-content[data-astro-cid-va2vjua6] h2{font-size:1.5rem}.blog-content[data-astro-cid-va2vjua6] h3{font-size:1.25rem}}@media(max-width:480px){.blog-detail[data-astro-cid-va2vjua6]{padding:0 var(--space-3)}.blog-article[data-astro-cid-va2vjua6]{padding:var(--space-6) 0 var(--space-6)}}@media(prefers-reduced-motion:reduce){.blog-article[data-astro-cid-va2vjua6]{animation:none}}