/* Шапка, навигация, кнопки */
.header {
  position:relative;
  z-index:15;
  border-bottom:1px solid rgba(30,172,198,.16);
  background:rgba(3,11,16,.79);
  backdrop-filter:blur(24px);
}
.header-inner {
  height:74px;
  display:flex;
  align-items:center;
  gap:46px;
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:11px;
  font-weight:800;
  font-size:21px;
  white-space:nowrap;
  letter-spacing:-.045em;
}
.brand .whale {
  width:37px;
  height:30px;
}
.primary-nav {
  display:flex;
  gap:30px;
  align-items:center;
  margin-left:35px;
  color:#acbec9;
  font-size:13px;
}
.primary-nav a {
  transition:color .2s;
}
.primary-nav a:hover {
  color:#fff;
}
.auth-nav {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap;
}
.auth-nav .about {
  color:#56d5eb;
  font-size:13px;
  margin-right:15px;
}
.button {
  border-radius:9px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(2,209,232,.55);
  padding:0 19px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:-.01em;
  transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;
}
.button:hover {
  transform:translateY(-1px);
}
.outline {
  background:#04131b;
  color:#e7fbff;
}
.outline:hover {
  background:#092935;
  border-color:#08deef;
}
.solid {
  background:#02e4ea;
  color:#00202b;
  border-color:#03f0f8;
  box-shadow:0 0 18px rgba(0,226,236,.17);
}
.solid:hover {
  background:#59faff;
  box-shadow:0 0 30px rgba(0,226,236,.29);
}
.solid .icon {
  width:16px;
  height:16px;
}
.mobile-about {
  display:none;
}