/* Existing CSS */
    body, html {
      margin: 0;
      padding: 0;
    }

    .navbar {
      display: grid;
      grid-template-columns: auto auto;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      background-color: var(--secondary, #1b1b1b);
      padding: 16px;
      position: relative;
    }

    .navbar-logo {
      height: 58px;
      transition: opacity 300ms ease-in-out;
    }

    .navbar-logo.fade-out {
      opacity: 0;
    }

    .hamburger {
      font-size: 24px;
      color: var(--text, #DBDCE0);
      cursor: pointer;
      transition: color 300ms ease-in-out;
    }

    .hamburger.active {
      color: var(--accent, #686763);
    }

    /* Updated sidebar to flex with space-between */
    .sidebar {
      position: fixed;
      top: 0;
      left: -250px;
      width: 250px;
      height: 100%;
      background-color: rgba(2, 2, 2, 0.8);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      z-index: 1000;
      transition: left 300ms ease-in-out;

      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .sidebar.active {
      left: 0;
    }

    .sidebar-logo {
      height: 58px;
      margin: 16px auto;
      display: block;
    }

    .sidebar-nav a {
      color: var(--text, #DBDCE0);
      font-size: 16px;
      text-align: center;
      display: block;
      padding: 24px 0;
      text-decoration: none;
      transition: color 300ms ease-in-out;
    }

    .sidebar-nav a:hover {
      color: var(--accent, #686763);
    }

    .sidebar-bottom {
      padding-bottom: 24px;
      text-align: center;
    }

    .privacy-button {
      border: 1px solid white;
      color: white;
      background-color: transparent;
      padding: 10px 20px;
      border-radius: 9999px;
      font-size: 12px;
      cursor: pointer;
      display: inline-block;
      transition: background-color 0.3s ease, color 0.3s ease;
      text-decoration: none;
      user-select: none;
    }

    .privacy-button:hover,
    .privacy-button:focus {
      background-color: rgba(240, 240, 240, 0.116);
      color: white;
      outline: none;
    }

    @media (max-width: 768px) {
      .navbar {
        padding: 12px;
      }

      .navbar-logo,
      .sidebar-logo {
        height: 55px;
      }

      .hamburger {
        font-size: 20px;
      }

      .sidebar {
        width: 200px;
        left: -200px;
      }

      .sidebar-logo {
        margin: 12px auto;
      }
    }