/* CyberUI shared navbar - global reusable component skin */
:root{
  --cyber-nav-bg:#0F0520;
  --cyber-nav-cyan:#00F0FF;
  --cyber-nav-pink:#D900FF;
  --cyber-nav-text:rgba(244,248,255,.86);
  --cyber-nav-muted:rgba(244,248,255,.58);
  --cyber-nav-border:rgba(0,240,255,.18);
  --cyber-nav-cut:10px;
}
.navbar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  min-height:72px!important;
  background:var(--cyber-nav-bg)!important;
  border:0!important;
  border-bottom:1px solid rgba(0,240,255,.16)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.navbar::before,
.navbar::after{display:none!important;content:normal!important;}
.navbar .container{
  width:100%!important;
  max-width:none!important;
  min-height:72px!important;
  margin:0!important;
  padding:0 24px!important;
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) 280px!important;
  grid-template-areas: logo nav search!important;
  align-items:center!important;
  column-gap:28px!important;
}
.navbar-logo{
  grid-area:logo!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:max-content!important;
  color:#fff!important;
  text-decoration:none!important;
}
.navbar-logo-icon{
  width:40px!important;
  height:40px!important;
  border-radius:0!important;
  clip-path:polygon(var(--cyber-nav-cut) 0,100% 0,100% calc(100% - var(--cyber-nav-cut)),calc(100% - var(--cyber-nav-cut)) 100%,0 100%,0 var(--cyber-nav-cut))!important;
  display:grid!important;
  place-items:center!important;
  color:var(--cyber-nav-cyan)!important;
  background:rgba(0,240,255,.10)!important;
  border:1px solid rgba(0,240,255,.45)!important;
  box-shadow:0 0 0 2px rgba(0,240,255,.18),0 0 18px rgba(0,240,255,.24)!important;
}
.navbar-logo h1{
  margin:0!important;
  color:#fff!important;
  font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif!important;
  font-size:20px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  line-height:1!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}
.navbar-categories{
  grid-area:nav!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  min-width:0!important;
  width:100%!important;
  height:72px!important;
  padding:0!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.navbar-categories::-webkit-scrollbar{display:none!important;}
.nav-category{
  position:relative!important;
  flex:0 0 auto!important;
  height:40px!important;
  min-width:0!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:0!important;
  clip-path:polygon(var(--cyber-nav-cut) 0,100% 0,100% calc(100% - var(--cyber-nav-cut)),calc(100% - var(--cyber-nav-cut)) 100%,0 100%,0 var(--cyber-nav-cut))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
  color:var(--cyber-nav-text)!important;
  font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.nav-category:hover,
.nav-category:focus-visible{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(217,0,255,.36),rgba(217,0,255,.14))!important;
  border-color:rgba(217,0,255,.55)!important;
  box-shadow:0 0 0 1px rgba(217,0,255,.16),0 0 18px rgba(217,0,255,.28)!important;
  outline:0!important;
  transform:none!important;
}
.nav-category.active,
.nav-category[aria-current=page]{
  color:#001015!important;
  background:var(--cyber-nav-cyan)!important;
  border-color:var(--cyber-nav-cyan)!important;
  box-shadow:0 0 0 2px rgba(0,240,255,.72),0 0 18px rgba(0,240,255,.64)!important;
}
.navbar-search{
  grid-area:search!important;
  width:280px!important;
  min-width:280px!important;
  max-width:280px!important;
  height:42px!important;
  margin:0!important;
  padding:0 8px 0 14px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:0!important;
  clip-path:polygon(var(--cyber-nav-cut) 0,100% 0,100% calc(100% - var(--cyber-nav-cut)),calc(100% - var(--cyber-nav-cut)) 100%,0 100%,0 var(--cyber-nav-cut))!important;
  border:1px solid rgba(0,240,255,.28)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.navbar-search:focus-within{
  border-color:var(--cyber-nav-cyan)!important;
  box-shadow:0 0 0 2px rgba(0,240,255,.44),0 0 18px rgba(0,240,255,.28)!important;
}
.search-input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
}
.search-input::placeholder{color:var(--cyber-nav-muted)!important;}
.search-btn{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important;
  display:grid!important;
  place-items:center!important;
  color:var(--cyber-nav-cyan)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.search-btn:hover{background:rgba(217,0,255,.24)!important;color:#fff!important;}
.navbar-actions{display:none!important;}
.navbar.scrolled{background:var(--cyber-nav-bg)!important;border-bottom-color:rgba(0,240,255,.16)!important;box-shadow:none!important;}
@media (max-width:1100px){
  .navbar .container{grid-template-columns:max-content minmax(0,1fr) 280px!important;column-gap:16px!important;padding:0 16px!important;}
  .navbar-categories{justify-content:flex-start!important;gap:24px!important;}
}
@media (max-width:760px){
  .navbar{min-height:124px!important;}
  .navbar .container{
    min-height:124px!important;
    grid-template-columns:max-content 1fr!important;
    grid-template-areas:logo search nav nav!important;
    row-gap:0!important;
  }
  .navbar-search{justify-self:end!important;width:280px!important;}
  .navbar-categories{height:52px!important;justify-content:flex-start!important;}
}
/* Same CyberUI contract with home-page specificity, overriding prior homepage skins. */
body.home-page .navbar{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;min-height:72px!important;background:var(--cyber-nav-bg)!important;border:0!important;border-bottom:1px solid rgba(0,240,255,.16)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body.home-page .navbar::before,body.home-page .navbar::after{display:none!important;content:normal!important;}
body.home-page .navbar .container{width:100%!important;max-width:none!important;min-height:72px!important;margin:0!important;padding:0 24px!important;display:grid!important;grid-template-columns:max-content minmax(0,1fr) 280px!important;grid-template-areas: logo nav search!important;align-items:center!important;column-gap:28px!important;}
body.home-page .navbar-logo{grid-area:logo!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:max-content!important;}
body.home-page .navbar-logo-icon{width:40px!important;height:40px!important;border-radius:0!important;clip-path:polygon(var(--cyber-nav-cut) 0,100% 0,100% calc(100% - var(--cyber-nav-cut)),calc(100% - var(--cyber-nav-cut)) 100%,0 100%,0 var(--cyber-nav-cut))!important;color:var(--cyber-nav-cyan)!important;background:rgba(0,240,255,.10)!important;border:1px solid rgba(0,240,255,.45)!important;box-shadow:0 0 0 2px rgba(0,240,255,.18),0 0 18px rgba(0,240,255,.24)!important;}
body.home-page .navbar-logo h1{color:#fff!important;font-size:20px!important;font-weight:700!important;letter-spacing:.04em!important;line-height:1!important;text-shadow:none!important;}
body.home-page .navbar-categories{grid-area:nav!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;width:100%!important;height:72px!important;padding:0!important;margin:0!important;overflow-x:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.home-page .nav-category{height:40px!important;padding:0 16px!important;border-radius:0!important;clip-path:polygon(var(--cyber-nav-cut) 0,100% 0,100% calc(100% - var(--cyber-nav-cut)),calc(100% - var(--cyber-nav-cut)) 100%,0 100%,0 var(--cyber-nav-cut))!important;border:1px solid rgba(255,255,255,.10)!important;background:transparent!important;color:var(--cyber-nav-text)!important;font-size:14px!important;font-weight:500!important;letter-spacing:.08em!important;box-shadow:none!important;transform:none!important;}
body.home-page .nav-category:hover,body.home-page .nav-category:focus-visible{color:#fff!important;background:linear-gradient(135deg,rgba(217,0,255,.36),rgba(217,0,255,.14))!important;border-color:rgba(217,0,255,.55)!important;box-shadow:0 0 0 1px rgba(217,0,255,.16),0 0 18px rgba(217,0,255,.28)!important;transform:none!important;}
body.home-page .nav-category.active,body.home-page .nav-category[aria-current=page]{color:#001015!important;background:var(--cyber-nav-cyan)!important;border-color:var(--cyber-nav-cyan)!important;box-shadow:0 0 0 2px rgba(0,240,255,.72),0 0 18px rgba(0,240,255,.64)!important;}
body.home-page .navbar-search{grid-area:search!important;width:280px!important;min-width:280px!important;max-width:280px!important;height:42px!important;margin:0!important;padding:0 8px 0 14px!important;border-radius:0!important;clip-path:polygon(var(--cyber-nav-cut) 0,100% 0,100% calc(100% - var(--cyber-nav-cut)),calc(100% - var(--cyber-nav-cut)) 100%,0 100%,0 var(--cyber-nav-cut))!important;border:1px solid rgba(0,240,255,.28)!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important;backdrop-filter:none!important;}
body.home-page .navbar-search:focus-within{border-color:var(--cyber-nav-cyan)!important;box-shadow:0 0 0 2px rgba(0,240,255,.44),0 0 18px rgba(0,240,255,.28)!important;}
body.home-page .search-btn{color:var(--cyber-nav-cyan)!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.home-page .search-btn:hover{background:rgba(217,0,255,.24)!important;color:#fff!important;}
body.home-page .navbar-actions{display:none!important;}
@media (max-width:760px){body.home-page .navbar{min-height:124px!important;}body.home-page .navbar .container{min-height:124px!important;grid-template-columns:max-content 1fr!important;grid-template-areas:logo search nav nav!important;padding:0 16px!important;}body.home-page .navbar-search{justify-self:end!important;width:280px!important;}body.home-page .navbar-categories{height:52px!important;justify-content:flex-start!important;}}