.header{
  position:sticky;top:0;z-index:50;
  background:rgba(11,21,48,.88);
  backdrop-filter: blur(8px);
  border-bottom:1px solid var(--border);
}
.brand{font-weight:900; letter-spacing:.02em; white-space:nowrap}

.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 0; gap:14px;
}
.nav > *{min-width:0}

.nav-links{
  display:flex;gap:22px;font-size:14px;
  color:rgba(255,255,255,.75);white-space:nowrap
}
.nav-links a:hover{color:var(--white)}

/* Burger */
.burger{
  display:none;
  width:42px;height:42px;
  border-radius:14px;
  border:1px solid var(--border);
  background:transparent;
  align-items:center;justify-content:center;
  color:rgba(255,255,255,.9);
}
.burger svg{width:22px;height:22px;display:block}

/* Mobile dropdown */
.mobile-panel{
  display:none;
  border-top:1px solid var(--border);
  padding:12px 0 16px;
  background:rgba(11,21,48,.92);
}
.mobile-panel a{display:block;padding:10px 0;font-size:15px;color:rgba(255,255,255,.85)}
.mobile-panel a:hover{color:var(--white)}
.mobile-panel .btn{margin-top:10px; padding:10px 14px; width:100%; justify-content:center}

/* Mobile behavior */
@media (max-width: 900px){
  .nav-links{display:none}
  .nav-cta{display:none}
  .burger{display:inline-flex}
  .mobile-open .mobile-panel{display:block}
}
/* Never show mobile panel on desktop */
@media (min-width: 901px){
  .mobile-panel{display:none !important;}
}

.mobile-panel[hidden]{ display:none !important; }

/* Mobile: hide header when scrolling down */
@media (max-width: 900px){
  .header{
    transition: transform .2s ease;
    will-change: transform;
  }
  .header.is-hidden{
    transform: translateY(-110%);
  }
}
.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.btn-back-verify{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.08);
  color:#fff;
  text-decoration:none;
  font-weight:600;
}
.btn-back-verify:hover{ background:rgba(255,255,255,0.12); }