/* NAVBAR */
    .navbar{
      display:flex;justify-content:space-between;align-items:center;
      padding:15px 8%;background:var(--black);color:var(--white);
      position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.2);
    }
    .navbar-menu{position:relative;}
    .navbar-menu button{
      background:none;border:none;color:var(--white);
      font-size:16px;cursor:pointer;font-weight:500;
    }
    .dropdown-menu{
      display:none;position:absolute;top:35px;left:0;background:var(--white);
      color:var(--black);min-width:150px;border-radius:6px;
      box-shadow:0 4px 10px rgba(0,0,0,0.1);overflow:hidden;
    }
    .dropdown-menu a{
      display:block;padding:10px;text-decoration:none;color:var(--black);
      transition:background 0.3s;
    }
    .dropdown-menu a:hover{background:var(--gray);}
    .navbar-menu:hover .dropdown-menu{display:block;}

    .auth-buttons{display:flex;gap:10px;}
    .auth-btn{
      background:var(--white);color:var(--black);padding:8px 20px;
      border-radius:20px;font-weight:bold;border:2px solid var(--white);
      cursor:pointer;transition:0.3s;text-decoration:none;
    }
    .auth-btn:hover{background:transparent;color:var(--white);}

    .profile-inline{
      display:flex;align-items:center;gap:10px;
    }
    .profile-inline img{
      width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white;
    }
    .profile-actions a{
      margin-left:10px;background:white;color:black;padding:6px 12px;
      border-radius:8px;text-decoration:none;font-size:14px;
      transition:0.3s;
    }
    .profile-actions a:hover{background:transparent;color:white;border:1px solid white;}