header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background-color: white;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem 1.5rem;
      max-width: 1200px;
      margin: auto;
    }

    .logo img {
      height: 32px;
    }

    .menu-toggle {
      background: none;
      border: none;
      cursor: pointer;
      display: block;
    }

    .menu-icon {
      width: 24px;
      height: 24px;
    }

    .nav-links,
    .login-link {
      display: none;
      flex-direction: column;
      gap: 1rem;
      padding: 1rem;
      background-color: white;
    }

    .nav-links a,
    .login-link a {
      text-decoration: none;
      color: #111827;
      font-weight: 600;
      font-size: 0.875rem;
    }

    .mobile-menu.active {
      display: flex;
    }

    /* Desktop styles */
    @media screen and (min-width: 1024px) {
      .menu-toggle {
        display: none;
      }

      button#menuToggle {display: none !important;}

      .nav-links {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        padding: 0;
        background: none;
      }

      .login-link {
        display: flex;
        padding: 0;
        margin-left: auto;
        background: none;
      }
    }
    
    @media screen and (min-width:1024px)
    {
        button#menuToggle {display: none !important;}
        
    }