header.top{position:fixed;top:0;inset-inline:0;z-index:60;display:flex;justify-content:space-between;align-items:center;
  padding:22px var(--pad);transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent;
  animation:fadeDown .8s cubic-bezier(.22,1,.36,1) both}
header.top.solid{background:rgba(20,20,20,.82);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.logo-solid{opacity:0}
header.top.solid .logo-default{opacity:0}
header.top.solid .logo-solid{opacity:1}
@keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}
.brand{display:flex;align-items:center;gap:11px;user-select:none}
header.top{gap:30px}
.nav-right{margin-left:auto}
.nav-c{display:none;gap:30px;font-size:15px}
.nav-c a{position:relative;color:rgba(255,255,255,.85)}
.nav-c a::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1.5px;background: linear-gradient(90deg, var(--neon-blue), var(--neon-green));
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.nav-c a:hover::after{transform:scaleX(1)}
.nav-r{display:flex;align-items:center;gap:22px}
.burger{display:flex;flex-direction:column;gap:6px;width:26px;background:none;border:0;cursor:pointer;padding:4px 0}
.burger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
.burger.x span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger.x span:nth-child(2){opacity:0}
.burger.x span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(min-width:940px){.nav-c{display:flex}.burger{display:none}}
.m-overlay{position:fixed;inset:0;z-index:55;background:rgba(16,16,17,.96);backdrop-filter:blur(12px);
  display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 var(--pad);
  opacity:0;pointer-events:none;transition:opacity .35s}
.m-overlay.open{opacity:1;pointer-events:auto}
.m-overlay a{font-family:var(--fd);font-weight:600;font-size:clamp(28px,7vw,44px);color:#fff;padding:9px 0}
/* .m-overlay a:last-child{color:var(--purple-lt);margin-top:14px;font-family:var(--fd)} */
@media(min-width:940px){.m-overlay{display:none}}