.blog-hero{padding-block:clamp(3rem,6vw,5rem);color:#0b2c6a;background:#dbeafe 50%/cover;border-radius:0;justify-content:center;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4rem);padding-left:clamp(3.2rem,7vw,4.8rem);padding-right:clamp(50rem,24px,24rem);display:flex;position:relative;overflow:hidden}.blog-hero--blog{background-image:url(/assets/images/cover/blog.webp)}.blog-hero--berita{background-image:url(/assets/images/cover/berita.webp)}.blog-hero-overlay{pointer-events:none;background:#ffffff14;position:absolute;inset:0}.blog-hero-content{z-index:1;text-align:left;flex-direction:column;align-items:flex-start;gap:1.2rem;width:100%;max-width:960px;margin:0;display:flex;position:relative;transform:translate(0)}@media (width<=1200px){.blog-hero{background-position:50%;padding-right:clamp(1.5rem,6vw,4.5rem)}.blog-hero-content{max-width:640px}.blog-hero-subtitle{max-width:560px}.blog-layout-inner{gap:clamp(1.5rem,3vw,2.4rem)}.blog-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (width<=860px){.blog-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.blog-hero{padding-left:clamp(.8rem,3vw,1.2rem);padding-right:clamp(17rem,5vw,1.8rem);background-position:50%;padding-block:clamp(2.5rem,6vw,4rem)}.blog-hero-content{max-width:520px;margin-left:clamp(-4px,-.3vw,-8px);transform:translate(-6px)}}@media (width<=640px){.blog-hero{padding-left:1.25rem;padding-right:1.25rem;background-position:top;border-radius:0;padding-block:2.25rem}.blog-hero-content{gap:.9rem;max-width:480px}.blog-hero-title{font-size:clamp(1.8rem,6vw,2.1rem)}.blog-hero-subtitle{font-size:clamp(1rem,3.8vw,1.05rem);line-height:1.6}}@media (width<=480px){.blog-hero{padding-left:1rem;padding-right:1rem;padding-block:2rem}.blog-hero-content{max-width:100%}}.blog-hero-tag{color:#1d4ed8;letter-spacing:.04em;background:#3b82f61f;border-radius:999px;align-self:center;padding:.4rem 1.35rem;font-size:.9rem;font-weight:600;display:inline-flex}.blog-hero-title{color:#fff;letter-spacing:-.02em;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.1}.blog-hero-subtitle{color:#fff;max-width:620px;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.7}.blog-layout-inner{grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3rem);max-width:1560px;margin-inline:auto;display:grid}.blog-toolbar{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.toolbar-title{color:#1e3a8a;font-size:1.35rem;font-weight:700}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:1fr;justify-content:flex-start;align-items:stretch;gap:clamp(1.6rem,3vw,2.4rem);display:grid}@media (width>=1440px){.blog-grid{grid-template-columns:repeat(3,minmax(320px,1fr));justify-content:flex-start}}.blog-layout{padding-inline:clamp(1rem,3vw,1.75rem)}.blog-layout.container{max-width:100%}.blog-card{cursor:pointer;background:#fffffff7;border:1px solid #94a3b82e;border-top-color:#e2e8f0f2;border-radius:.15rem;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 32px #0f172a14}.blog-card:hover{transform:translateY(-8px);box-shadow:0 28px 55px #1e40af42}.blog-card figure{aspect-ratio:16/9;background:#f1f5f9;position:relative;overflow:hidden}.blog-card figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover img{transform:scale(1.05)}.blog-card-pin-badge{color:#fff;background:#f59e0bf5;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:absolute;top:1rem;right:1rem;box-shadow:0 10px 25px #b4530959}.blog-card-pin-badge svg{width:1rem;height:1rem}.blog-card-content{flex-direction:column;flex:1;gap:.9rem;padding:clamp(1.35rem,2.6vw,1.8rem);display:flex}.blog-card,.blog-card-excerpt,.blog-card-footer,.sidebar-list-link,.sidebar-meta{font-family:InterLocal,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.blog-card-title{color:#1e3a8a;letter-spacing:-.012em;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-family:SignikaLocal,Signika,InterLocal,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:clamp(1rem,1.3vw,1.25rem);font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card-body{flex-direction:column;flex:1;gap:.45rem;display:flex}.blog-card-excerpt{color:#475569;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.95em;margin-top:auto;font-size:.97rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-footer-separator{border-top:1px solid #e2e8f0;align-self:stretch;width:100%;margin-top:auto;margin-bottom:.75rem}.blog-card-footer{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.blog-card-footer span{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:.85rem;font-weight:500;display:inline-flex;overflow:hidden}.blog-card-avatar{-o-object-fit:cover;object-fit:cover;border-radius:9999px;flex-shrink:0;width:24px;height:24px}.blog-card-author{color:#0f172a;flex-shrink:1;min-width:0;font-weight:600;text-decoration:none;transition:color .15s,text-decoration-color .15s}.blog-card-author:hover,.blog-card-author:focus{color:#1d4ed8;text-underline-offset:2px;text-decoration:underline}.blog-card-date{opacity:.8;flex-shrink:0;margin-left:auto;font-weight:500}.blog-card-footer a{color:#2563eb;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-card-footer a:hover{gap:.55rem}.blog-sidebar{flex-direction:column;gap:1.5rem;margin-top:clamp(2.2rem,4vw,3.2rem);display:flex}.sidebar-card{background:#fffffff2;border:1px solid #94a3b826;border-radius:1.75rem;padding:1.6rem;box-shadow:0 18px 38px #0f172a14}.sidebar-card h3{color:#1e3a8a;margin-bottom:1.1rem;font-size:1.1rem;font-weight:700}.sidebar-card--latest{border-radius:1.5rem;padding:1.25rem 1.25rem .95rem;box-shadow:0 14px 26px #94a3b82e}.sidebar-card-header{flex-direction:column;gap:.4rem;margin-bottom:1.2rem;display:flex}.sidebar-card-underline{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:999px;width:42px;height:4px}.sidebar-list{flex-direction:column;gap:.85rem;display:flex}.sidebar-list--card .sidebar-list-item{border-radius:.75rem;grid-template-columns:110px 1fr;align-items:center;gap:.7rem;padding:.15rem 0;transition:transform .25s;display:grid}.sidebar-list--card .sidebar-list-item:hover{transform:translate(6px)}.sidebar-thumbnail{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#e2e8f0;border-radius:.75rem;flex-shrink:0;width:110px;height:75px}.sidebar-list-link{color:#0f172a;flex-direction:column;gap:.18rem;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.sidebar-list-link>span:first-child{line-clamp:3;-webkit-line-clamp:3;text-transform:capitalize;-webkit-box-orient:vertical;line-height:1.28;display:-webkit-box;overflow:hidden}.sidebar-list-link:hover{color:#2563eb}.sidebar-meta{color:#475569;align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex}.sidebar-pin-icon{color:#f59e0b;flex:none;display:inline-flex}.sidebar-pin-icon svg{width:.8rem;height:.8rem}.sidebar-card.spotlight{color:#0f172a;background:linear-gradient(135deg,#3b82f624,#0ea5e929);border:1px solid #3b82f62e}.sidebar-card.spotlight p{color:#0f172a;margin-bottom:1rem;line-height:1.6}.sidebar-cta{color:#1d4ed8;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.sidebar-cta:after{content:"→";transition:transform .2s}.sidebar-cta:hover:after{transform:translate(4px)}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:2.5rem;display:flex}.blog-pagination.is-hidden{display:none}.blog-pagination-button{color:#1e3a8a;letter-spacing:.02em;background:#ffffffeb;border:1px solid #94a3b873;border-radius:999px;justify-content:center;align-items:center;min-width:2.6rem;padding:.55rem 1.1rem;font-size:.92rem;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:inline-flex;box-shadow:0 10px 24px #0f172a14}.blog-pagination-button:hover:not(.is-active):not(:disabled){border-color:#2563eb99;transform:translateY(-2px);box-shadow:0 16px 30px #1e40af26}.blog-pagination-button.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#0000;transform:translateY(-1px);box-shadow:0 18px 32px #2563eb40}.blog-pagination-button.is-disabled,.blog-pagination-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.blog-pagination-ellipsis{color:#64748b;margin:0 .2rem;font-weight:600}.blog-card-skeleton{background:#ffffffe6;border-radius:1.75rem;flex-direction:column;gap:1.4rem;padding:1.25rem;animation:1.8s ease-in-out infinite pulse;display:flex;box-shadow:inset 0 0 0 1px #94a3b826}.skeleton-image{aspect-ratio:16/9;background:linear-gradient(120deg,#e2e8f0 30%,#f8fafc 50%,#e2e8f0 70%) 0 0/200% 100%;border-radius:1.1rem;width:100%;animation:1.6s linear infinite shimmer}.skeleton-content{flex-direction:column;gap:.7rem;display:flex}.skeleton-badge,.skeleton-title,.skeleton-text{background:linear-gradient(120deg,#e2e8f0 30%,#f8fafc 50%,#e2e8f0 70%) 0 0/200% 100%;border-radius:999px;height:14px;animation:1.6s linear infinite shimmer}.skeleton-title{width:75%;height:18px}.skeleton-text{width:95%}.skeleton-text.short{width:55%}@keyframes shimmer{0%{background-position:0%}to{background-position:-200%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}@media (width>=960px){.blog-hero{grid-template-columns:1.15fr .85fr;align-items:center}.blog-hero-figure{display:flex}.blog-layout-inner--with-sidebar{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=768px){.toolbar-tags{justify-content:flex-start}.blog-sidebar{flex-direction:row;overflow-x:auto}.sidebar-card{min-width:260px}}.blog-category-sections{flex-direction:column;align-items:stretch;gap:clamp(2rem,4vw,3rem);display:flex}.blog-category-section{border:0;width:100%;padding:0}.blog-category-header{box-sizing:border-box;border-bottom:2px solid #cbd5e1;justify-content:space-between;align-items:center;width:100%;margin:0 0 1.5rem;padding:0 0 .75rem;display:flex}.blog-category-title{color:#0f172a;margin:0;padding:0;font-size:1.35rem;font-weight:700}.blog-category-readmore{color:#1e3a8a;background:0 0;border:none;border-radius:0;align-items:center;gap:.35rem;margin-left:auto;padding:0;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-category-readmore:after{content:"→";font-size:.9rem;line-height:1;transition:transform .15s}.blog-category-readmore:hover:after{transform:translate(2px)}.blog-category-readmore.is-hidden{display:none}.blog-category-nav{display:none!important}.blog-category-rows{box-sizing:border-box;width:100%}.blog-category-row{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;width:100%;display:grid}.blog-category-row.is-hidden{display:none}@media (width<=1024px){.blog-category-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.blog-category-row{grid-template-columns:minmax(0,1fr)}}.author-blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (width>=1280px){.author-blog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1024px){.author-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.author-blog-grid{grid-template-columns:minmax(0,1fr)}}@media (hover:none) and (pointer:coarse) and (width>=900px){.blog-hero{justify-content:flex-start;padding-left:2rem;padding-right:2rem}.blog-hero-content{text-align:left;align-items:flex-start;max-width:760px}.blog-grid,.blog-category-row{grid-template-columns:repeat(3,minmax(0,1fr))}}