.nav-right{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.login-dropdown{position:relative}
.login-dropdown > summary{
  list-style:none;
  cursor:pointer;
  font-family:var(--mono);
  font-size:.7rem;
  letter-spacing:.08em;
  padding:.55rem .9rem;
  border:1px solid var(--hairline);
  transition:.2s;
  white-space:nowrap;
}
.login-dropdown > summary::-webkit-details-marker{display:none}
.login-dropdown > summary:hover,
.login-dropdown[open] > summary{
  border-color:var(--green-bright);
  color:var(--green-bright);
}
.login-menu{
  position:absolute;
  right:0;
  top:calc(100% + .35rem);
  min-width:16rem;
  display:grid;
  gap:.35rem;
  padding:.45rem;
  border:1px solid var(--hairline);
  background:rgba(7,10,8,.96);
  backdrop-filter:blur(12px);
  z-index:60;
}
.login-menu a{
  font-family:var(--mono);
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:.65rem .75rem;
  border:1px solid transparent;
  color:var(--ink-dim);
  transition:.2s;
}
.login-menu a:hover,
.login-menu a:focus-visible{
  color:var(--green-bright);
  border-color:var(--hairline);
}