.glass-header{
    position:sticky; top:0; z-index:50;
    backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    background:linear-gradient(180deg, rgba(10,15,28,.75), rgba(10,15,28,.35));
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  
  .header-wrap{
    display:flex; align-items:center; justify-content:space-between;
    padding-block:12px;
  }
  
  .brand{display:flex; align-items:center; gap:10px; text-decoration:none}
  .brand-logo{height:32px; width:auto; display:block}
  .brand-name{font:700 1.05rem/1 Poppins,Inter,sans-serif; color:var(--text); letter-spacing:.4px}
  
  .nav-list{display:flex; gap:26px; list-style:none; margin:0; padding:0}
  .nav-link{
    color:var(--text); text-decoration:none; font-weight:600; position:relative;
    padding:12px 4px; opacity:.96; transition:opacity .2s, transform .2s;
  }
  .nav-link::after{
    content:""; position:absolute; left:0; bottom:6px; height:2px; width:0%;
    background:linear-gradient(90deg, var(--brand), var(--brand-2));
    transition:width .25s ease;
  }
  .nav-link:hover{opacity:1}
  .nav-link:hover::after{width:100%}
  .nav-link.is-active{opacity:1}
  .nav-link.is-active::after{width:100%}
  
  /* Mobile */
  .menu-toggle{display:none; width:40px; height:40px; border:0; background:transparent; cursor:pointer; position:relative; border-radius:10px}
  .menu-toggle span{position:absolute; left:9px; right:9px; height:2px; background:#eaf2ff; transition:transform .25s, top .25s, opacity .2s}
  .menu-toggle span:nth-child(1){top:12px}
  .menu-toggle span:nth-child(2){top:19px}
  .menu-toggle span:nth-child(3){top:26px}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){top:19px; transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){top:19px; transform:rotate(-45deg)}
  
  .nav-mobile{
    position:fixed; inset:70px 16px auto 16px; background:rgba(12,18,34,.92);
    border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:14px;
    transform:translateY(-16px); opacity:0; pointer-events:none; transition:.25s ease;
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  }
  .nav-mobile.open{transform:translateY(0); opacity:1; pointer-events:auto}
  .nav-mobile ul{list-style:none; margin:0; padding:4px}
  .nav-mobile li{border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-mobile li:last-child{border-bottom:0}
  .nav-mobile a{display:block; padding:14px 10px; color:var(--text); text-decoration:none}
  
  .scrolled{
    box-shadow:0 8px 24px rgba(0,0,0,.3);
    background:linear-gradient(180deg, rgba(10,15,28,.9), rgba(10,15,28,.55));
  }
  
  @media (max-width:1024px){
    .nav{display:none}
    .menu-toggle{display:inline-block}
  }