body { margin:0; font-family:Inter,sans-serif; background:#0e0e10; color:#fff; }
a { color:#9ad4c4; text-decoration:none; }

.site-header { text-align:center; padding:24px 20px; }
.brand { margin-bottom:12px; }

.nav-menu {
    display:flex;
    justify-content:center;
    gap:20px;
    list-style:none;
    margin:0;
    padding:0;
}

.nav-menu li { margin:0; }

.menu-toggle {
    display:none;
    font-size:1.8rem;
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    margin-bottom:8px;
}

/* MOBILE */
@media(max-width:768px){
  .nav-menu { display:none; flex-direction:column; width:100%; gap:12px; }
  .nav-menu.show { display:flex; }
  .menu-toggle { display:block; }
}