/* =========================
   LAYOUT — Structure
========================= */

/* NAVBAR */
.navbar{
  position:sticky;
  top:0;
  z-index:10;

  background:var(--glass-bg);
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);

  border-bottom:1px solid var(--border-light);
}

.nav-inner{
  max-width:1100px;
  margin:0 auto;
  padding:24px;

  display:flex;
  align-items:center;
  justify-content:space-between;
}

.brand img{
  height:32px;
}

.nav-links a{
  font-size:14px;
  color:var(--text-secondary);
}

/* PAGE CONTAINERS */
.container{
  max-width:1100px;
  margin:0 auto;
  padding:96px 20px;
}

/* APP SHELL */
.app-shell{
  display:flex;
  justify-content:center;
  padding:48px 16px;
}

.app{
  width:100%;
  max-width:760px;
}