@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Light.woff2) format("woff2");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Italic.woff2) format("woff2");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Medium.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-BoldItalic.woff2) format("woff2");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Black.woff2) format("woff2");font-weight:900;font-display:swap;font-style:normal}:root{--bg: #001F28;--bg-hover: #033F51;--heading: #E6EDF0;--text: #C0CDD2;--rule: #29444D;--muted: #526B73;--link: #16A6B6;--link-hover: #E6EDF0;--image-shadow: 0 8px 24px rgba(0, 0, 0, .28);--font-blog-title: 1.5rem;--font-h1: 2.5rem;--font-h2: 2rem;--font-h3: 1.5rem;--font-h4: 1.25rem;--font-prev-next: 1.125rem;--font-author-title: 1.125rem;--font-author-bio: .9375rem;--font-body: 1.125rem;--font-blockquote: 1.5rem;--font-menu: 1rem;--font-list-title: 1.375rem;--font-post-description: 1rem;--font-post-meta: .875rem;--font-post-date: .8125rem;--font-footer: .8125rem;--font-cite: .875rem;--font-caption: .8125rem;--font-cta: 1rem;color-scheme:dark}@media(max-width:768px){:root{--font-h1: 2rem;--font-h2: 1.625rem;--font-h3: 1.375rem;--font-h4: 1.125rem;--font-cta: .9375rem;--font-prev-next: 1rem;--font-author-title: 1rem;--font-author-bio: .875rem;--font-body: 1.0625rem;--font-blockquote: 1.375rem;--font-menu: .9375rem;--font-list-title: 1.125rem;--font-post-description: .9375rem;--font-post-meta: .8125rem;--font-post-date: .75rem;--font-footer: .75rem;--font-cite: .8125rem;--font-caption: .75rem}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none;transition:color .18s ease}a:hover{color:var(--text)}.wrap{width:min(calc(100% - 44px),680px);margin-inline:auto}.header-inner{max-width:680px;border-bottom:1px solid var(--rule);margin:auto;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-name{font-size:var(--font-blog-title);font-weight:700;color:var(--text);letter-spacing:-.04em;white-space:nowrap}.site-name span{color:var(--muted);font-weight:400}.site-nav{display:flex;align-items:center;gap:22px}.site-nav>a:not(.social-link){font-size:var(--font-menu);color:var(--muted)}.site-nav>a:hover{color:var(--text)}.social-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:7px;background:var(--bg-hover);color:var(--text);transition:all .2s ease}.social-link:hover{background:var(--rule);transform:translate3d(0,-3px,0)}.social-link svg{width:24px;height:24px}.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--text);margin:5px 0;transition:transform .2s,opacity .2s}main{min-height:65vh}.home-content,.page-content,.entry{max-width:680px;margin:0 auto;padding:50px 22px 72px}.post-list{list-style:none;margin:0;padding:0}.post-item{border-bottom:1px solid var(--rule);margin:0;transition:background .2s}.post-item:hover{background:var(--bg-hover)}.post-link{display:block;padding:23px 16px;color:inherit}.post-meta{gap:8px;font-size:var(--font-post-meta);line-height:1.5}.posted-on{color:var(--muted);font-weight:400;font-style:italic;text-transform:lowercase}.post-meta time{color:var(--text);letter-spacing:.025em;font-weight:700}.post-item h2{font-size:var(--font-list-title);line-height:1.35;letter-spacing:-.025em;margin:9px 0 4px;font-weight:700}.post-description{font-size:var(--font-post-description);color:var(--muted);margin:0;line-height:1.65}.contents-cta{text-align:center;padding:60px 0 40px}.arsip{position:relative;font-size:var(--font-h3);letter-spacing:.01em;font-weight:700;color:var(--muted);text-decoration:none;display:inline-block;text-transform:uppercase}.arsip:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--rule);opacity:0;animation:ringPulse 2.5s ease-out infinite}@keyframes ringPulse{0%{width:10px;height:10px;opacity:.8}70%{width:120px;height:120px;opacity:0}to{width:120px;height:120px;opacity:0}}.arsip:hover:after{animation:ringPulseHover 1.2s ease-out infinite;opacity:1}@keyframes ringPulseHover{0%{width:10px;height:10px;opacity:1}70%{width:140px;height:140px;opacity:0}to{width:140px;height:140px;opacity:0}}.arsip:active:after{animation:ringExplosion .5s ease-out}@keyframes ringExplosion{å 0% {width: 10px; height: 10px; opacity: 1;} 50% {width: 200px; height: 200px; opacity: .8;} 100% {width: 260px; height: 260px; opacity: 0;}}.page-title,.page-intro h1{font-size:30px;line-height:1.3;letter-spacing:-.03em;margin:0 0 28px}.page-intro{max-width:680px;padding:50px 0 10px;margin:0 auto}.entry{padding-top:54px}.entry-header{margin-bottom:50px;text-align:center}.entry-header h1{font-size:var(--font-h1);letter-spacing:-.03em;line-height:1.3;margin:15px 0;font-weight:900}.entry-content{font-size:var(--font-body);line-height:1.85;color:var(--text);overflow-wrap:anywhere}.entry-content>*:first-child{margin-top:0}.entry-content p{margin:0 0 1.45em}.entry-content h2,.entry-content h3,.entry-content h4{margin:0 0 30px}.entry-content h2{line-height:1.3;letter-spacing:-.02em;font-size:var(--font-h2);font-weight:900;margin-top:60px}.entry-content h3{line-height:1.4;letter-spacing:-.01em;font-size:var(--font-h3);font-weight:700;margin-top:65px}.entry-content h4{line-height:1.4;font-size:var(--font-h4);font-weight:700;margin-bottom:25px}.entry-content a{color:var(--link);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--link),transparent 55%);text-underline-offset:3px}.entry-content a:hover{color:var(--link-hover)}.entry-content blockquote:before{background:var(--link);display:block;color:#000408;content:"“";font-size:40px;font-weight:400;height:40px;line-height:58px;left:-60px;position:absolute;text-align:center;top:-15px;width:40px}.entry-content blockquote{color:var(--text);font-size:var(--font-blockquote);font-style:normal;font-weight:700;line-height:1.4;margin:60px 0 60px 60px;position:relative}.entry-content blockquote cite:before{content:"— ";color:var(--muted)}.entry-content blockquote cite{color:var(--muted);display:block;font-size:var(--font-cite);line-height:1.7;font-style:normal;font-weight:500;letter-spacing:.08em;margin-top:24px;text-transform:uppercase}.entry-content img{max-width:100%;height:auto;border:10px solid var(--bg);box-shadow:var(--image-shadow)}.entry-content mark{background:var(--bg-hover);color:var(--heading);padding:3px}.entry-content figcaption,.page-content figcaption{display:block;width:100%;margin-top:.5em;color:var(--muted);font-size:var(--font-caption);line-height:1.6;text-align:center}.entry-content ul,.entry-content ol{padding-left:1.4em;margin:0 0 1.5em}.entry-content li{padding-left:.3em;margin:.35em 0}.toc{max-width:680px;margin:0 auto;padding-bottom:110px}.toc ol{padding:0;margin:0;list-style:none;border-top:1px solid var(--rule);counter-reset:toc}.toc li{counter-increment:toc;display:grid;grid-template-columns:1fr auto;gap:16px;padding:19px 0;border-bottom:1px solid var(--rule);align-items:baseline}.toc li a{color:var(--text);text-decoration:none}.toc li a:hover{color:var(--link)}.toc li a:before{content:counter(toc,decimal-leading-zero) " / ";font-size:11px;color:var(--link);margin-right:12px}.toc time{font-size:11px;color:var(--muted);white-space:nowrap}.entry-content hr,.page-content hr{border:0;height:1px;background:linear-gradient(to right,transparent,var(--rule),transparent);margin:3.5em 0}.entry-content code{font-size:.88em;background:var(--bg-hover);padding:.15em .35em;border-radius:4px}.entry-content pre{overflow:auto;padding:16px;background:var(--bg-hover);border:1px solid var(--rule);border-radius:8px}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:70px 0}.post-navigation{font-size:var(--font-prev-next);font-weight:500;line-height:1.2;letter-spacing:-.025em}.nav-post{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--rule);border-radius:7px;color:var(--text);min-width:0;transition:background .2s,border-color .2s}.nav-post small{font-size:var(--font-post-date);letter-spacing:.085em;text-transform:uppercase;font-weight:400;color:var(--muted)}.prev-post{text-align:left}.next-post{text-align:right}.nav-post:hover{background:var(--bg-hover);border-color:var(--bg-hover);color:var(--text)}.nav-post:active{background:var(--cta-active);border-color:var(--cta-active);color:var(--text)}.nav-empty{border:0}.author-box{display:flex;align-items:center;gap:18px;padding:22px;border-radius:8px;max-width:520px;margin:0 auto}.author-box img{width:76px;height:76px;border-radius:50%;object-fit:cover;background:var(--bg-hover);flex-shrink:0}.author-box h2{line-height:1.5;font-size:var(--font-author-title);margin:0 0 4px}.author-box p{font-size:var(--font-author-bio);color:var(--muted);margin:0;line-height:1.7}.site-footer:before{background-color:var(--rule);content:"";display:block;height:1px;margin:0 auto 20px;position:relative;width:50px}.site-footer{max-width:680px;margin:auto;padding:26px 20px;text-align:center;color:var(--muted);font-size:.8125rem;line-height:1.7}.site-footer p{margin:0}.site-footer .info{font-size:14px;line-height:1.5;margin:40px auto 0}.back-to-top{position:fixed;right:20px;bottom:20px;display:flex;gap:7px;align-items:center;background:var(--bg-hover);border:1px solid var(--bg-hover);color:var(--text);padding:9px 13px;border-radius:6px;font:500 12px Satoshi,sans-serif;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease;cursor:pointer}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--rule);color:var(--heading);border-color:var(--rule);transform:translate3d(0,-3px,0)}.back-to-top:active{transform:translateY(-2px)}@media(max-width:600px){.header-inner{padding:16px 20px}.menu-toggle{display:block;z-index:3}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:absolute;top:65px;left:0;right:0;background:var(--bg);border-bottom:3px solid var(--rule);border-top:3px solid var(--rule);padding:18px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:15px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;z-index:2}.site-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.site-nav>a:not(.social-link){display:block;padding:12px 0;width:100%;border-bottom:1px solid var(--rule)}.site-nav>.social-link{margin:10px 0}.social-link{width:36px;height:36px}.social-link svg{width:24px;height:24px}.home-content,.page-content,.entry{padding:34px 20px 54px}.entry-content blockquote{margin:80px 0 40px 20px}.entry-content blockquote:before{left:-40px;top:-50px}.toc li{grid-template-columns:1fr;gap:5px;padding:16px 0}.toc li a:before{margin-right:8px}.toc time{padding-left:31px}.post-navigation{grid-template-columns:1fr;gap:12px;margin:60px 0 40px}.nav-post{padding:11px}.nav-post .next{text-align:left}.author-box{flex-direction:column;text-align:center;padding:24px 18px;gap:13px}.site-footer{padding:22px 20px 32px;flex-direction:column;gap:5px}.back-to-top{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}