*,::before,::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surf:#161b22;--card:#1c2128;--brd:#30363d;--brd2:#3d444d;--pr:#10b981;--pr2:#059669;--ac:#f59e0b;--ac2:#d97706;--bl:#58a6ff;--yw:#e3b341;--tx:#e6edf3;--mu:#7d8590;--wh:#ffffff;--r:10px;--r2:6px;--r3:18px;--sh:0 1px 18px rgba(16,185,129,.14);--sh2:0 4px 32px rgba(16,185,129,.22);--tr:.2s ease;--ff:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font-family:var(--ff);line-height:1.7;overflow-x:hidden}a{color:var(--pr);text-decoration:none;transition:color var(--tr)}a:hover{color:var(--pr2)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--wh)}h1{font-size:clamp(1.85rem,4.2vw,2.9rem)}h2{font-size:clamp(1.35rem,2.8vw,1.9rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}h4{font-size:1.15rem}p{margin-bottom:.85rem}ul{list-style:none}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}.sec{padding:68px 0}.sec-sm{padding:40px 0}

.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,17,23,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--brd);transition:box-shadow var(--tr)}.topbar::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pr),var(--ac),var(--pr))}.topbar.raised{box-shadow:0 2px 20px rgba(0,0,0,.6)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:62px}.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-img{width:36px;height:36px;border-radius:var(--r2);object-fit:cover}.logo-text{font-size:1.25rem;font-weight:800;color:var(--wh)}.logo-text span{color:var(--pr)}.site-nav{display:flex;align-items:center;gap:2px}.nav-link{font-size:.87rem;font-weight:500;color:var(--mu);padding:6px 11px;border-radius:var(--r2);transition:all var(--tr)}.nav-link:hover,.nav-link.aktif{color:var(--wh);background:rgba(16,185,129,.1)}.nav-cta{background:var(--pr);color:#0d1117!important;font-weight:700;margin-left:8px;padding:7px 16px;border-radius:var(--r2)}.nav-cta:hover{background:var(--pr2);color:#0d1117!important;transform:translateY(-1px)}.hmbg{display:none;flex-direction:column;gap:5px;cursor:pointer;background:transparent;border:none;padding:7px;border-radius:var(--r2);transition:background var(--tr)}.hmbg:hover{background:rgba(16,185,129,.1)}.hmbg em{display:block;width:22px;height:2px;background:var(--wh);border-radius:2px;transition:all var(--tr)}.hmbg.open em:first-child{transform:translateY(7px) rotate(45deg)}.hmbg.open em:nth-child(2){opacity:0;transform:scaleX(0)}.hmbg.open em:last-child{transform:translateY(-7px) rotate(-45deg)}

.fullscreen{min-height:100vh;padding-top:62px;display:flex;align-items:center;position:relative;overflow:hidden}.fs-bg{position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at 60% 40%,rgba(16,185,129,.06) 0%,transparent 65%),var(--bg)}.fs-lines{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(16,185,129,.04) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(16,185,129,.04) 60px);pointer-events:none}.fullscreen .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.fs-left{}.fs-flag{display:inline-flex;align-items:center;gap:7px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:3px;padding:4px 12px;font-size:.74rem;font-weight:700;color:var(--pr);text-transform:uppercase;letter-spacing:.8px;margin-bottom:20px}.fs-h{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin-bottom:18px;letter-spacing:-.3px}.fs-h strong{color:var(--pr)}.fs-p{color:var(--mu);font-size:1rem;max-width:480px;margin-bottom:28px;line-height:1.75}.fs-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}.fs-kpi{display:flex;gap:36px}.kpi-item{text-align:center}.kpi-val{display:block;font-size:1.7rem;font-weight:900;color:var(--pr);line-height:1}.kpi-label{font-size:.73rem;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.fs-right{position:relative}.fs-img-wrap{border-radius:var(--r3);overflow:hidden;position:relative;border:1px solid var(--brd)}.fs-img-wrap img{width:100%;height:500px;object-fit:cover}.fs-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(13,17,23,.92));padding:20px 22px;display:flex;align-items:center;gap:14px}.fs-caption i{font-size:1.8rem;color:var(--pr)}.fs-caption strong{display:block;font-size:.9rem;color:var(--wh)}.fs-caption span{font-size:.78rem;color:var(--mu)}

.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:var(--r2);font-weight:600;font-size:.88rem;transition:all var(--tr);border:none;cursor:pointer;text-decoration:none;white-space:nowrap}.btn-pr{background:var(--pr);color:#0d1117}.btn-pr:hover{background:var(--pr2);color:#0d1117;transform:translateY(-2px);box-shadow:var(--sh)}.btn-ac{background:var(--ac);color:#0d1117}.btn-ac:hover{background:var(--ac2);color:#0d1117;transform:translateY(-2px)}.btn-line{background:transparent;color:var(--tx);border:1px solid var(--brd2)}.btn-line:hover{border-color:var(--pr);color:var(--pr);transform:translateY(-2px)}.btn-sm{padding:7px 14px;font-size:.8rem}.btn-xs{padding:5px 11px;font-size:.74rem}

.badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:2px}.bdg-pr{background:rgba(16,185,129,.12);color:var(--pr);border-left:3px solid var(--pr)}.bdg-ac{background:rgba(245,158,11,.1);color:var(--ac);border-left:3px solid var(--ac)}.bdg-bl{background:rgba(88,166,255,.1);color:var(--bl);border-left:3px solid var(--bl)}.bdg-yw{background:rgba(227,179,65,.1);color:var(--yw);border-left:3px solid var(--yw)}

.sec-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--pr)}.sec-label::after{content:'';flex:1;height:1px;background:linear-gradient(to right,var(--brd),transparent)}.h2-line{position:relative;padding-left:16px;margin-bottom:18px}.h2-line::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:4px;background:linear-gradient(to bottom,var(--pr),var(--ac));border-radius:2px}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}

.panel{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);transition:all var(--tr)}.panel:hover{border-color:var(--pr);box-shadow:var(--sh)}.panel-pad{padding:22px}.panel-top{border-top:3px solid var(--pr)}.panel-top-ac{border-top:3px solid var(--ac)}.panel-left{border-left:4px solid var(--pr)}.ico-box{width:46px;height:46px;border-radius:var(--r2);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.18);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--pr);margin-bottom:14px;flex-shrink:0}.ico-box-ac{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.18);color:var(--ac)}.ico-box-bl{background:rgba(88,166,255,.08);border-color:rgba(88,166,255,.18);color:var(--bl)}.panel h3{font-size:1rem;margin-bottom:8px}.panel p{color:var(--mu);font-size:.87rem;margin:0}

.entry-card{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);overflow:hidden;transition:all var(--tr)}.entry-card:hover{border-color:var(--pr);box-shadow:var(--sh);transform:translateY(-3px)}.ec-img img{width:100%;height:185px;object-fit:cover}.ec-body{padding:18px}.ec-date{font-size:.76rem;color:var(--mu);margin-bottom:8px;display:flex;align-items:center;gap:5px}.ec-date i{color:var(--pr);font-size:.68rem}.ec-title{font-size:1rem;color:var(--wh);margin-bottom:8px;line-height:1.4}.ec-excerpt{color:var(--mu);font-size:.84rem;line-height:1.6;margin:0}

.article-row{display:grid;grid-template-columns:220px 1fr;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);overflow:hidden;transition:border-color var(--tr);margin-bottom:18px}.article-row:hover{border-color:var(--pr)}.article-row img{width:100%;height:100%;min-height:150px;object-fit:cover}.article-row-body{padding:20px;display:flex;flex-direction:column;gap:6px}.ar-meta{display:flex;gap:12px;font-size:.76rem;color:var(--mu)}.ar-meta i{color:var(--pr)}.ar-title{font-size:1.02rem;color:var(--wh);line-height:1.4}.ar-exc{font-size:.84rem;color:var(--mu);margin:0;flex:1}

.guide-steps{display:flex;flex-direction:column;gap:14px;counter-reset:gs}.guide-step{display:flex;gap:18px;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:20px;transition:border-color var(--tr)}.guide-step:hover{border-color:var(--pr)}.gs-num{counter-increment:gs;width:38px;height:38px;background:var(--pr);color:#0d1117;font-weight:900;font-size:.95rem;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gs-num::before{content:counter(gs)}.gs-body h3{font-size:.97rem;margin-bottom:5px}.gs-body p{color:var(--mu);font-size:.85rem;margin:0}

.collapse-wrap{max-width:760px}.collapse-item{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);margin-bottom:9px;overflow:hidden;transition:border-color var(--tr)}.collapse-item.active{border-color:var(--pr)}.ci-trigger{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;gap:12px;user-select:none}.ci-trigger h3{font-size:.95rem;font-weight:600;color:var(--wh);margin:0;flex:1}.ci-icon{width:24px;height:24px;border-radius:4px;background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center;color:var(--pr);font-size:.72rem;transition:all var(--tr);flex-shrink:0}.collapse-item.active .ci-icon{transform:rotate(45deg);background:var(--pr);color:#0d1117}.ci-body{max-height:0;overflow:hidden;transition:max-height .36s ease}.collapse-item.active .ci-body{max-height:400px}.ci-inner{padding:0 20px 16px;color:var(--mu);font-size:.875rem;line-height:1.72}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.gl-tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;border:1px solid var(--brd);cursor:pointer}.gl-tile img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease}.gl-tile:hover img{transform:scale(1.06)}.gl-ovl{position:absolute;inset:0;background:rgba(13,17,23,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--tr)}.gl-tile:hover .gl-ovl{opacity:1}.gl-ovl i{font-size:1.7rem;color:var(--wh)}.gl-cap{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(transparent,rgba(13,17,23,.88));font-size:.76rem;color:var(--tx)}

.dict-set{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.word-card{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:18px;transition:all var(--tr)}.word-card:hover{border-color:var(--pr);transform:translateY(-2px)}.word-term{font-size:.97rem;font-weight:700;color:var(--pr);margin-bottom:6px}.word-def{color:var(--mu);font-size:.86rem;line-height:1.6;margin:0}

.contact-split{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:start}.c-card{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:28px}.c-row{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--brd)}.c-row:last-child{border-bottom:none;padding-bottom:0}.c-ico{width:40px;height:40px;background:rgba(16,185,129,.1);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;color:var(--pr);font-size:.95rem;flex-shrink:0}.c-txt strong{display:block;font-size:.83rem;color:var(--wh);margin-bottom:2px}.c-txt span,.c-txt a{font-size:.85rem;color:var(--mu)}.c-txt a:hover{color:var(--ac)}.map-frame{border-radius:var(--r);overflow:hidden;border:1px solid var(--brd)}.map-frame iframe{width:100%;height:420px;border:none;filter:brightness(.82) contrast(1.12) saturate(.88)}

.page-top{padding:106px 0 48px;background:var(--surf);border-bottom:1px solid var(--brd);position:relative;overflow:hidden}.page-top::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(16,185,129,.04),transparent)}.page-top .wrap{position:relative;z-index:1}.trail{display:flex;align-items:center;gap:6px;font-size:.79rem;margin-bottom:14px}.trail a{color:var(--mu)}.trail a:hover{color:var(--wh)}.trail i{color:var(--mu);font-size:.5rem}.trail span{color:var(--ac)}.page-top h1{margin-bottom:10px}.page-top p{color:var(--mu);font-size:.97rem;max-width:540px}

.content-body h2{font-size:1.45rem;padding-left:14px;border-left:4px solid var(--pr);margin:36px 0 14px;color:var(--wh)}.content-body h3{font-size:1.15rem;color:var(--pr);margin:24px 0 10px}.content-body p{color:var(--mu);line-height:1.8;font-size:.94rem;margin-bottom:13px}.content-body ul{padding-left:18px;margin-bottom:14px}.content-body ul li{color:var(--mu);margin-bottom:7px;font-size:.94rem;list-style:disc}.content-body ul li::marker{color:var(--pr)}.content-body ol{padding-left:18px;margin-bottom:14px}.content-body ol li{color:var(--mu);margin-bottom:7px;font-size:.94rem}.content-body ol li::marker{color:var(--ac);font-weight:700}.content-body blockquote{background:rgba(16,185,129,.05);border-left:4px solid var(--pr);border-radius:0 var(--r) var(--r) 0;padding:16px 20px;margin:18px 0}.content-body blockquote p{color:var(--tx);font-style:italic;margin:0}

.data-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px}.data-card{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:22px;text-align:center;transition:all var(--tr)}.data-card:hover{border-color:var(--pr);transform:translateY(-2px)}.data-card i{display:block;font-size:1.5rem;color:var(--pr);margin-bottom:9px}.data-card strong{display:block;font-size:1.8rem;font-weight:900;color:var(--wh);margin-bottom:4px}.data-card span{font-size:.76rem;color:var(--mu)}

.tbl-outer{overflow-x:auto;border-radius:var(--r);border:1px solid var(--brd)}.stbl{width:100%;border-collapse:collapse}.stbl th{background:rgba(16,185,129,.08);color:var(--wh);font-size:.81rem;font-weight:700;padding:12px 15px;text-align:left}.stbl td{padding:10px 15px;color:var(--mu);font-size:.83rem;border-top:1px solid var(--brd)}.stbl tr:hover td{background:rgba(255,255,255,.015)}.stbl .ok{color:#34d399}.stbl .no{color:#f87171}.stbl .mid{color:var(--yw)}

.info-stripe{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.18);border-radius:var(--r);padding:20px 24px;display:flex;align-items:flex-start;gap:14px}.info-stripe i{color:var(--pr);font-size:1.3rem;flex-shrink:0;margin-top:2px}.info-stripe p{color:var(--tx);font-size:.875rem;margin:0;line-height:1.68}

.site-ft{background:var(--surf);border-top:1px solid var(--brd);padding:52px 0 0}.ft-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;margin-bottom:36px}.ft-brand p{color:var(--mu);font-size:.85rem;line-height:1.7;max-width:260px;margin:14px 0 18px}.ft-brandlogo{display:flex;align-items:center;gap:9px}.ft-brandlogo img{width:36px;height:36px;border-radius:var(--r2);object-fit:cover}.ft-brandlogo strong{font-size:1.15rem;color:var(--wh);font-weight:800}.ft-brandlogo strong span{color:var(--pr)}.soc-links{display:flex;gap:8px}.soc-link{width:32px;height:32px;border-radius:var(--r2);background:rgba(255,255,255,.04);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;color:var(--mu);font-size:.82rem;transition:all var(--tr)}.soc-link:hover{background:var(--pr);border-color:var(--pr);color:#0d1117;transform:translateY(-2px)}.ft-col-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--wh);margin-bottom:14px}.ft-links{padding:0}.ft-links li{margin-bottom:8px}.ft-links a{color:var(--mu);font-size:.84rem;display:flex;align-items:center;gap:6px;transition:color var(--tr)}.ft-links a i{font-size:.6rem;color:var(--pr)}.ft-links a:hover{color:var(--wh)}.ft-bottom{border-top:1px solid var(--brd);padding:16px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.ft-bottom p{font-size:.78rem;color:var(--mu);margin:0}.ft-bottom-nav{display:flex;gap:16px}.ft-bottom-nav a{font-size:.78rem;color:var(--mu);transition:color var(--tr)}.ft-bottom-nav a:hover{color:var(--pr)}

.scroll-up{position:fixed;bottom:22px;right:22px;width:38px;height:38px;background:var(--pr);border:none;border-radius:var(--r2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0d1117;font-size:.85rem;box-shadow:var(--sh);transition:all var(--tr);opacity:0;pointer-events:none;z-index:990}.scroll-up.vis{opacity:1;pointer-events:auto}.scroll-up:hover{transform:translateY(-3px);background:var(--pr2)}

.err-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:80px 20px}.err-big{font-size:9rem;font-weight:900;background:linear-gradient(135deg,var(--pr),var(--ac));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.err-wrap h2{font-size:1.7rem;margin-bottom:12px}.err-wrap p{color:var(--mu);max-width:420px;margin:0 auto 28px}

@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.site-ft .ft-cols{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hmbg{display:flex}.site-nav{position:fixed;top:62px;left:0;right:0;background:rgba(13,17,23,.98);flex-direction:column;align-items:stretch;padding:10px;gap:0;border-bottom:1px solid var(--brd);transform:translateY(-110%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:calc(100vh - 62px);overflow-y:auto}.site-nav.show{transform:translateY(0)}.nav-link{padding:12px 14px}.nav-cta{margin:6px 0 0;text-align:center;padding:12px}.fullscreen .wrap{grid-template-columns:1fr;gap:28px;text-align:center}.fs-btns{justify-content:center}.fs-kpi{justify-content:center}.fs-right{display:none}.grid-2,.grid-3{grid-template-columns:1fr}.site-ft .ft-cols{grid-template-columns:1fr}.ft-bottom{flex-direction:column;text-align:center}.contact-split{grid-template-columns:1fr}.article-row{grid-template-columns:1fr}.sec{padding:50px 0}.page-top{padding:86px 0 38px}}
@media(max-width:480px){.fs-h{font-size:1.9rem}.fs-kpi{gap:20px;flex-wrap:wrap}.data-row{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}