:root {  --panel-2:#1f2937; --text:#e5e7eb;}

header.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: linear-gradient(170deg, #aa69ff98,#ff69eb6b);
    backdrop-filter: saturate(140%) blur(6px);
  }
  
  .site-header nav {
    display: flex;
    justify-content: center; /* centers horizontally */
    align-items: center;     /* centers vertically */
    gap: 16px;
    padding: 12px 16px;
    max-width: 1100px;
    margin: 0 auto;
  }
  
  .brand {
    font-weight: 700;
    letter-spacing: 0.3px;
  }
  
  .navlink {
    color: var(--text);
    text-decoration: none;
    opacity: 0.85;
    padding: 6px 10px;
    border-radius: 8px;
  }
  
  .navlink:hover {
    background: var(--panel-2);
    opacity: 1;
  }