
.top{
  position:sticky!important;top:0!important;z-index:2147482000!important;width:100%!important;height:70px!important;
  padding:0 max(18px,calc((100vw - 1220px)/2))!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:20px!important;background:rgba(7,11,15,.98)!important;
  border-bottom:1px solid rgba(215,179,107,.14)!important;box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important
}
.top .brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;flex:0 0 auto!important;text-decoration:none!important}
.top .brand-mark{display:block!important;width:40px!important;height:40px!important;flex:0 0 40px!important;object-fit:contain!important}
.top .brand-text{display:block!important;white-space:nowrap!important;color:#969fa7!important;font-size:.66rem!important;letter-spacing:4px!important;line-height:1!important}
.top .brand-text strong{color:#f2f4f5!important;font-weight:650!important}
.top .top-links{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:22px!important;margin-left:auto!important}
.top .top-links a{display:inline-flex!important;align-items:center!important;min-height:38px!important;color:#949da5!important;text-decoration:none!important;font-size:.65rem!important;font-weight:500!important;white-space:nowrap!important}
.top .top-links a:hover{color:#f0d8a8!important}
.top .form-menu-btn{display:none!important}
.top .form-mobile-menu,.top .form-mobile-menu.open{display:none!important}

@media(max-width:700px){
  .top{height:66px!important;padding:0 12px!important}
  .top .brand{gap:9px!important}
  .top .brand-mark{width:35px!important;height:35px!important;flex-basis:35px!important}
  .top .brand-text{max-width:165px!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.56rem!important;letter-spacing:2.8px!important}
  .top .top-links{display:none!important}
  .top .form-menu-btn{width:44px!important;height:44px!important;padding:0!important;margin-left:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid #293640!important;border-radius:12px!important;background:linear-gradient(145deg,#121a21,#0c1217)!important;box-shadow:0 8px 22px rgba(0,0,0,.24)!important;cursor:pointer!important}
  .top .form-menu-btn span{display:block!important;width:21px!important;height:2px!important;border-radius:999px!important;background:#d8dde1!important}
  .top .form-mobile-menu{display:none!important;position:fixed!important;top:66px!important;left:8px!important;right:8px!important;width:auto!important;padding:10px!important;border:1px solid #293640!important;border-top:0!important;border-radius:0 0 15px 15px!important;background:rgba(8,13,18,.99)!important;box-shadow:0 18px 48px rgba(0,0,0,.42)!important}
  .top .form-mobile-menu.open{display:block!important}
  .top .form-mobile-menu a{min-height:44px!important;padding:0 10px!important;display:flex!important;align-items:center!important;border-bottom:1px solid rgba(255,255,255,.045)!important;color:#adb6be!important;text-decoration:none!important;font-size:.68rem!important}
  .top .form-mobile-menu a:last-child{border-bottom:0!important}
  .top .form-mobile-menu .mobile-wa{margin-top:8px!important;justify-content:center!important;border:1px solid rgba(85,201,129,.22)!important;border-radius:10px!important;background:rgba(85,201,129,.07)!important;color:#a8d6b4!important}
}
