/* Shared navbar styles (source of truth taken from index.html) */
:root{
  --himalayan-2:#0e3b5e;
}
header{
  position:sticky;top:12px;z-index:1500;background:rgba(255,255,255,0.95);
  backdrop-filter:blur(10px);border-radius:12px;margin:12px auto;
  width:calc(100% - 24px);max-width:1200px;
  box-shadow:0 8px 32px rgba(26,77,122,0.08);
  transition:all 280ms cubic-bezier(0.22,0.95,0.26,1);
}
header .container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;font-size:0.95rem;color:var(--himalayan-2)}
.brand img{width:40px;height:40px;border-radius:6px}
nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0}
nav a{display:block;padding:8px 14px;text-decoration:none;color:var(--himalayan-2);font-size:0.95rem;font-weight:500;border-radius:6px;transition:all 200ms ease}
nav a:hover, nav a.active{color:white;background:var(--himalayan-2)}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.menu-toggle span{width:24px;height:2px;background:var(--himalayan-2);border-radius:2px;transition:all 200ms ease}
nav.active{display:flex}

@media (max-width:720px){
  header .container{padding:10px 14px}
  .brand span{display:none}
  .menu-toggle{display:flex}
  nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,0.98);border-radius:0 0 12px 12px;padding:12px;flex-direction:column}
  nav.active{display:flex}
  nav ul{flex-direction:column;gap:0}
  nav a{padding:12px 14px;border-radius:6px}
}

/* CTA link appearance (keeps parity with main stylesheet) */
a.cta{background:linear-gradient(90deg,#113d63,#0e3b5e);color:#fff;padding:.45rem .85rem;border-radius:9px;font-weight:700}