header{
  background:#fff;
  border-bottom:1px solid #eee;
  position:sticky;
  top:0;
  z-index:999;
}

.nav{
  display:flex;
  align-items:center;
  height:80px;
}

.logo{
  width:60px;
  height:60px;
  border-radius:50%;
  overflow:hidden;
}

nav{
  margin-left:auto;
  display:flex;
  gap:28px;
}

nav a{
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  color:#231f20;
}

nav a:hover{
  color:#445fab;
}

nav a.active{
  color:#445fab;
}

.hamburger{
  display:none;
  font-size:26px;
  margin-left:auto;
  cursor:pointer;
}

.mobile-menu{
  display:none;
  flex-direction:column;
  background:#fff;
  border-top:1px solid #eee;
}

.mobile-menu a{
  padding:14px 20px;
  border-bottom:1px solid #f0f0f0;
  text-decoration:none;
  color:#231f20;
  font-weight:600;
}

.mobile-menu a:hover{
  background:#f6f8fb;
  color:#445fab;
}

@media (max-width:900px){
  nav{
    display:none;
  }

  .hamburger{
    display:block;
  }
}