/* Стиль для пункта меню */
  .menu-item {
    font-weight: 700 !important; /* Жирность (Bold) */
    transition: color 0.4s ease !important; /* Плавная смена цвета за 0.4 сек */
    cursor: pointer;
    position: relative;
    text-decoration: none;
  }

  /* Стиль для линии под пунктом меню */
  .menu-item::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #8B5CF6;
    transition: width 0.4s ease; /* Линия тоже появляется плавно за 0.4 сек */
  }

  /* Эффект при наведении на сам пункт меню */
  .menu-item:hover {
    color: #8B5CF6 !important;
  }

  .menu-item:hover::after {
    width: 100%;
  }

  /* Дополнительное правило для надежности */
  .menu-item:hover * {
    color: #8B5CF6 !important;
    
    .agreement {
    color: #FFFFFF; /* Белый цвет по умолчанию */
    text-decoration: none; /* Убираем подчеркивание */
    border: none; /* Убираем обводку */
    outline: none; /* Убираем обводку при фокусе */
    background: transparent; /* Прозрачный фон */
    transition: color 0.3s ease; /* Плавное изменение цвета за 0.3 секунды */
    cursor: pointer; /* Курсор в виде руки */
  }

  .agreement:hover {
    color: #9A8CB8; /* Цвет при наведении */
  }

  /* Дополнительно: убираем подчеркивание при фокусе и активном состоянии */
  .agreement:focus,
  .agreement:active {
    text-decoration: none;
    outline: none;
  }