.journal-menu {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .journal-menu a {
      text-decoration: none;
      color: #ffffff;
      font-weight: 600;
      text-align: center;
      padding: 14px 18px;
      border-radius: 40px;
      background: linear-gradient(135deg, #3f3f3f, #6b6b6b);
      box-shadow: 0 6px 14px rgba(0,0,0,0.18);
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .journal-menu a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.18);
      transition: all 0.4s ease;
    }

    .journal-menu a:hover::before {
      left: 0;
    }

    .journal-menu a:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 24px rgba(0,0,0,0.3);
      background: linear-gradient(135deg, #1f4fa3, #2b7bb9);
    }

    .journal-menu a.primary {
      background: linear-gradient(135deg, #1f4fa3, #2b7bb9);
    }

    .journal-menu a.primary:hover {
      background: linear-gradient(135deg, #163c7c, #245f91);
    }

    .journal-footer {
      text-align: center;
      margin-top: 16px;
      font-weight: 600;
      color: #4a4a4a;
      letter-spacing: 1px;
    }