.header{
  position: relative;
  z-index: 20;
  padding: 14px 0;
}
.header .row{ display:flex; align-items:center; justify-content:space-between; gap: 20px; }
.logo{ display:flex; align-items:center; gap:12px; }
.logo img{ height:40px; width:auto; }

/* Nav visible sur desktop */
.nav{ display:flex; align-items:center; gap: 24px; }
.nav a{
  color:#fff; font-weight:600; letter-spacing:.2px;
  padding:8px 10px; border-radius:8px; transition: color .2s, background .2s;
}
.nav a:hover{ background: rgba(255,255,255,.12); color:#fff; }

/* Burger (mobile) */
.burger{
  display:none; cursor:pointer; width:36px; height:36px;
  place-items:center; border-radius:8px; border:1px solid rgba(255,255,255,.35); color:#fff; background: transparent;
}

@media (max-width: 900px){
  .nav{ display:none; position:absolute; right:20px; top:64px; background: rgba(16,34,58,.9); backdrop-filter: blur(6px); padding:12px; border-radius:12px; box-shadow: var(--shadow); }
  .nav.open{ display:flex; flex-direction:column; gap:8px; min-width: 220px; }
  .burger{ display:grid; }
}