/* Navigasi atas + tombol Kembali: satu gaya untuk semua halaman */
.nav-right-container{display:flex !important;align-items:center !important;gap:.8rem !important}
.lang-btn{display:flex !important;align-items:center !important;gap:6px !important;height:42px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(245,192,101,.35) !important;border-radius:12px !important;padding:0 12px !important;color:#fff !important;font-size:.88rem !important;font-weight:600 !important;cursor:pointer !important;transition:all .2s !important;box-shadow:0 4px 15px rgba(0,0,0,.3) !important}
@media (hover:hover) and (pointer:fine){.lang-btn:hover{background:rgba(245,192,101,.12) !important;border-color:#f5c065 !important;box-shadow:0 0 15px rgba(245,192,101,.4) !important}}
.lang-arrow{font-size:.7rem !important;color:#f5c065 !important;transition:transform .2s !important}
.hamburger-btn{flex-direction:column !important;justify-content:space-between !important;width:42px !important;height:42px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(245,192,101,.35) !important;border-radius:12px !important;padding:11px 9px !important;cursor:pointer !important;transition:background .2s,border-color .2s,transform .15s !important;box-shadow:0 4px 15px rgba(0,0,0,.3) !important}
@media (hover:hover) and (pointer:fine){.hamburger-btn:hover{background:rgba(245,192,101,.12) !important;border-color:#f5c065 !important;box-shadow:0 0 15px rgba(245,192,101,.4) !important;transform:scale(1.03) !important}}
.hamburger-btn span{width:100% !important;height:2.5px !important;background:linear-gradient(90deg,#F5C065 0%,#CBD5E1 33%,#FFE8A3 66%,#F5C065 100%) !important;background-size:200% 100% !important;animation:hbBar 3s linear infinite !important;border-radius:4px !important;transition:transform .2s cubic-bezier(0,0,.2,1),opacity .2s !important}
.hamburger-btn.active span:nth-child(1){transform:translateY(6px) rotate(45deg) !important}
.hamburger-btn.active span:nth-child(2){opacity:0 !important;transform:translateX(-10px) !important}
.hamburger-btn.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg) !important}
.back-btn{position:absolute !important;top:100px !important;left:4% !important;z-index:20 !important;display:inline-flex !important;align-items:center !important;gap:8px !important;padding:9px 18px 9px 14px !important;border-radius:40px !important;text-decoration:none !important;color:#fff !important;font-weight:700 !important;font-size:.9rem !important;background:rgba(8,16,38,.55) !important;border:1px solid rgba(245,192,101,.5) !important;box-shadow:0 4px 18px rgba(0,0,0,.4) !important;transition:transform .25s,border-color .3s !important}
.back-btn svg{width:18px !important;height:18px !important;color:#F5C065 !important;transition:transform .25s !important}
@media (hover:hover) and (pointer:fine){.back-btn:hover{transform:translateY(-2px) !important;border-color:#F5C065 !important}.back-btn:hover svg{transform:translateX(-3px) !important}}
.back-btn:active{transform:scale(.94) !important}
@media (max-width:768px){.back-btn{top:76px !important;font-size:.82rem !important;padding:8px 15px 8px 12px !important}}
.nav-cs-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;height:42px !important;padding:0 18px !important;border-radius:12px !important;color:#06121f !important;font-size:.88rem !important;font-weight:700 !important;text-decoration:none !important;white-space:nowrap !important;background:linear-gradient(135deg,#7dd3fc,#38bdf8 55%,#0ea5e9) !important;border:1px solid rgba(125,211,252,.6) !important;box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 16px rgba(56,189,248,.25) !important;transition:transform .15s,box-shadow .2s !important}
.nav-cs-btn svg{width:19px !important;height:19px !important;flex:none !important}
@media (hover:hover) and (pointer:fine){.nav-cs-btn:hover{transform:translateY(-1px) !important;box-shadow:0 6px 20px rgba(0,0,0,.35),0 0 24px rgba(56,189,248,.5) !important}}
.nav-cs-btn:active{transform:scale(.95) !important}
@media (max-width:640px){.nav-cs-btn{width:42px !important;padding:0 !important}.nav-cs-btn span{display:none !important}}
@media (max-width:480px){.nav-right-container{gap:.45rem !important}.nav-logo-wrapper{gap:8px !important;min-width:0 !important}.nav-logo-img{height:38px !important}.nav-logo-text{font-size:1.15rem !important;letter-spacing:1px !important;white-space:nowrap !important}.lang-arrow{display:none !important}.lang-btn{padding:0 9px !important;height:40px !important}.nav-cs-btn,.hamburger-btn{width:40px !important;height:40px !important}.hamburger-btn{padding:10px 8px !important}}
.nr{display:flex !important;align-items:center !important;gap:.8rem !important}
.lb{display:flex !important;align-items:center !important;gap:6px !important;height:42px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(245,192,101,.35) !important;border-radius:12px !important;padding:0 12px !important;color:#fff !important;font-size:.88rem !important;font-weight:600 !important;cursor:pointer !important;transition:all .2s !important;box-shadow:0 4px 15px rgba(0,0,0,.3) !important}
@media (hover:hover) and (pointer:fine){.lb:hover{background:rgba(245,192,101,.12) !important;border-color:#f5c065 !important;box-shadow:0 0 15px rgba(245,192,101,.4) !important}}
.ar{font-size:.7rem !important;color:#f5c065 !important;transition:transform .2s !important}
.ham{flex-direction:column !important;justify-content:space-between !important;width:42px !important;height:42px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(245,192,101,.35) !important;border-radius:12px !important;padding:11px 9px !important;cursor:pointer !important;transition:background .2s,border-color .2s,transform .15s !important;box-shadow:0 4px 15px rgba(0,0,0,.3) !important}
@media (hover:hover) and (pointer:fine){.ham:hover{background:rgba(245,192,101,.12) !important;border-color:#f5c065 !important;box-shadow:0 0 15px rgba(245,192,101,.4) !important;transform:scale(1.03) !important}}
.ham span{width:100% !important;height:2.5px !important;background:linear-gradient(90deg,#F5C065 0%,#CBD5E1 33%,#FFE8A3 66%,#F5C065 100%) !important;background-size:200% 100% !important;animation:hbBar 3s linear infinite !important;border-radius:4px !important;transition:transform .2s cubic-bezier(0,0,.2,1),opacity .2s !important}
.ham.active span:nth-child(1){transform:translateY(6px) rotate(45deg) !important}
.ham.active span:nth-child(2){opacity:0 !important;transform:translateX(-10px) !important}
.ham.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg) !important}
@media (max-width:480px){.nr{gap:.45rem !important}.nav-logo-wrapper{gap:8px !important;min-width:0 !important}.nav-logo-img{height:38px !important}.nav-logo-text{font-size:1.15rem !important;letter-spacing:1px !important;white-space:nowrap !important}.ar{display:none !important}.lb{padding:0 9px !important;height:40px !important}.nav-cs-btn,.ham{width:40px !important;height:40px !important}.ham{padding:10px 8px !important}}
.rnw{font-size:.72rem;opacity:.7;margin-top:2px}
.zvx-badge{position:absolute;top:12px;right:12px;z-index:5;padding:4px 10px;border-radius:999px;background:rgba(245,192,101,.18);border:1px solid rgba(245,192,101,.6);color:#F5C065;font:700 .72rem system-ui,sans-serif;letter-spacing:.3px}
.zvx-soon{position:relative;opacity:.6;pointer-events:none;filter:saturate(.6)}

.flag-icon{display:inline-flex !important;align-items:center !important;line-height:1 !important}
.flag-icon svg,.fl,#lf svg{display:block !important;width:24px !important;height:16px !important;border-radius:3px !important;flex:none !important;box-shadow:0 0 0 1px rgba(255,255,255,.28) !important}

.lang-globe,.gl{display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:1.3rem !important;color:#F5C065 !important;line-height:1 !important;filter:drop-shadow(0 0 6px rgba(245,192,101,.45)) !important}
.lang-globe svg,.gl svg{display:block !important;width:1em !important;height:1em !important;fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important}
@media (max-width:480px){.lw .li{height:38px !important}.lw .logo{font-size:1.15rem !important;letter-spacing:1px !important}.nr{gap:.45rem !important}}

.lang-arrow,.ar{display:inline-flex !important;align-items:center !important;font-size:.6rem !important;opacity:.85 !important;margin-left:2px !important;transition:transform .2s !important}
.ar svg{width:12px !important;height:12px !important}
.lang-switcher.open .lang-arrow,.lang.open .ar{transform:rotate(180deg) !important}
#hosting::after,#hosting:hover::after{content:none !important;display:none !important}